Interactive UI Components
A library of interactive React components and micro-interactions you can explore and take straight into your projects.
- Crumpled receipt — Drag
- Price chart — Drag
- Standing calendar — Press
- Selection actions — Press
- Loading state — Loading
- Spec inspector — Drag
- Load cards — Press
- Ink bloom — Press
- Peek rating — Hover
- Edge light — Hover
- Line sidebar — Hover
- Card swap — Drag
- Dot swarm — Hover
- Option wheel — Drag
- Wake slider — Drag
- Line sphere — Hover
- Page peel — Drag
- Stacked bars — Hover
- Network graph — Hover
- Integrations — Press
- Blueprint loader — Loading
- AI chat input — Type
- FAQ accordion — Press
- Avatar group — Hover
- Profile hover card — Hover
- Resizable panels — Drag
- Toast stack — Hover
- Dot loader — Loading
- Image shimmer — Loading
- Shimmer text — Loading
- Orbit cards — Drag
- Metaballs — Hover
- Tree view — Press
- Access request — Press
- Code reveal — Hover
- Budget slider — Drag
- Emoji reactions — Hover
- Country wheel — Drag
- Folder — Hover
- Foggy word — Hover
- Coin — Drag
- Text fade — Press
- Text rise — Press
- Text blur — Press
- Tab bar — Press
- Range — Drag
- Tape — Drag
- Pay button — Press
- Collapsing sidebar — Press
- Copy field — Press
- Dropdown — Press
- Confetti — Press
- Picker wheel — Drag
- Split view — Drag
- Album shelf — Hover
- Piano — Press
- Hub diagram — Hover
- Billing card — Press
- Wave loader — Loop
- Bounce loader — Loop
- Trace loader — Loop
- Morph loader — Loop
- Pixel loader — Loop
- Blocks loader — Loop
- Flight island — Press
- Music island — Press
- Call island — Press
- Pill accordion — Press
- Resize frame — Drag
- Progressive blur — Hover
- Feedback bar — Press
- Price flow — Press
- Card fan — Press
- Smudge — Hover
- Swipe deck — Swipe
- Radial pop-out — Hover
- Form error — Type
- Heart rate — Hover
- Light — Hover
- Segment timer — Drag
- Password strength — Type
- Thinking — Press
- Activity stack — Swipe
- Ticket — Drag
- Share pill — Hover
- Voice chat — Press
- World clock — Drag
- Skeleton morph — Press
- Date reel — Swipe
- Folding bill — Drag
- Magnetic dots — Hover
- Dot globe — Drag
- Sweep button — Hover
- Asset swap — Press
- ASCII wake — Hover
- Heat map — Hover
- Image compare — Drag
- Like — Press
- Signature pad — Drag
- Voice note — Press
- Eye tracker — Hover
- Dynamic island — Press
- Time scrubber — Slide
- Upload dropzone — Drag
- Rolling counter — Drag
- Particles — Hover
- Label input — Type
- One-time code — Type
- Generate — Press
- Step player — Press
- Todo tower — Press
- Image accordion — Hover
- Glass bubble — Drag
- Action node — Hover
- Magnetic select — Select
- Slide to confirm — Drag
- Assignees — Select
- Checklist — Press
- Carousel — Swipe
- Palette — Press
- Aspect ratio — Select
- Tilt card — Hover
- Now playing — Press
- Dragging ball — Drag
- Search — Press
- Pull to refresh — Drag
- Escape button — Hover
- Slosh slider — Slide
- Create menu — Press
- Reorder list — Drag
- Canvas toolbar — Select
- Radial menu — Press
- Drag stepper — Press
- Inline confirm — Press
- Notify — Press
- Icon bar — Select
- Magnifying dock — Hover
- Progress ticks — Hover
- Wheel — Drag
- Command bar — Type
- Selection list — Select
- Range dial — Drag
- Liquid toggle — Press