Free animated React component library
Animated form components.
Inputs, sliders, OTP codes, file drops, sign in and prompt boxes with feedback on every press, keystroke and drop. Hand-tuned motion components for React, completely free. Play with each one live, then copy the code or give your AI agent the prompt that comes with it.
Animated React form components
- Search modal: A search field whose card drops down with a gliding scope control and live counts, recent things as soft cards, a featured top result, highlighted matches and an open hint.
- Message composer: A white rich text composer: a text style menu that pours open, formatting that lights up under the caret, @ mentions, emoji, uploading thumbnails, a voice note timer, an AI polish, scheduled sending with a calendar, and a split send button whose plane flies off.
- OTP code: A one time code card with split boxes and no confirm button.
- Auth card: Sign in and sign up in one card.
- File drop: A drag and drop uploader.
- Voice prompt: An AI composer you can talk to.
- Amount slider: Drag the grip thumb and the amount rolls like an odometer while the monthly payment works itself out.
- AI prompt input: A composer for an AI assistant: a growing field with rolling placeholders, file chips, a model picker, web search, voice with a rippling particle ring, and a send that launches into a shimmering working state.
- Payment form: Card details with a focus ring that glides between fields, floating labels, card network logos and a lock that snaps shut, ending on a sealed confirmation.
- Verify flow: Connect, check, verified: a segmented bar fills, a highlight slides down the checks as each one passes, and a green seal bursts in when you are connected.
- Morph search: A search pill that lifts into a card.
- Rolling stepper: A stepper whose digits roll like an odometer.