Preview supplied by Rare UI / Swami Malode. Preview: creator supplied · rights cleared.

OTP Input

A one-time-code input whose characters roll into place behind a caret that slides from slot to slot.

Why it stands out

A one-time-code field with rolling characters, a sliding caret, paste and mobile autofill support, plus animated success and error states.

Discovery vocabulary

Component React

Related by governed terms

Continue comparing

Componentsopen source

Signature

An animated SVG signature effect that draws out text as if hand-written.

by Componentry0React · TypeScriptSource

Componentsfree

Scroll Progress

A scroll progress pill that tracks reading position and expands into a squircle menu of page sections.

by Rare UI0React · TypeScriptSource

Componentsfree

Bounce sidebar

A vertical navigation list with a bouncy, spring-animated active indicator.

by Rare UI0React · TypeScriptSource

Componentsmixed

Gradient Builder

Soft gradients blended from traditional Japanese colours.

by FeralUI0React · TypeScriptSource

Visual Effectsopen source

Image Trail

Leaves a trail of images behind the cursor with a premium delay fade.

by Componentry0React · TypeScriptSource

Text Animationsopen source

Text Morph

Centered fluid text transitions that inherit the surrounding typography and theme.

by Componentry0React · TypeScriptSource

Scroll Progress

A scroll progress pill that tracks reading position and expands into a squircle menu of page sections.

by Rare UI0React · TypeScriptSource

Componentsfree

Bounce sidebar

A vertical navigation list with a bouncy, spring-animated active indicator.

by Rare UI0React · TypeScriptSource

Componentsfree

Folder component

An animated folder whose cards fan out on hover and lift open on click, with a 3D-tilted flap. Supports color and size props.

by Rare UI0React · TypeScriptSource

Componentsfree

Fluid Orb

An animated WebGL orb with drifting fluid shading, inspired by ChatGPT's voice mode.

by Rare UI0React · TypeScriptSource

Componentsfree

Gravity Letters

A playful gravity field where letters, numbers, emoji, or custom components fall and pile up like physical objects.

by Rare UI0React · TypeScriptSource

Componentsfree

Proximity Sidebar

An interactive sidebar with proximity hover effects that appears while scrolling and responds to scroll intensity.

by Rare UI0React · TypeScriptSource