New
Flick Cards Slider
A fanned deck of photo cards you flick sideways: the next card swings to the front with one elastic overshoot, the rest dim as they fan out, and the front card's button fades in last.
React Components for Tailwind CSS
Free animated React components for Tailwind CSS. Every tile below is running, so try it right here, then copy the command that installs it.
28 components
Marketing7
New
Menu Notch
A pill with a menu toggle and a theme button that unfolds into a panel of grouped links; its icon crosses into an X, its label blurs in letter by letter and every link rolls to its hover color.
New
Rating
Star rating with one fill that slides across every star, so half steps and pointer previews come free.
New
Flip Button
A pill button whose label flips up on hover while the icon in its badge slides out and back in.
Contact Lens
A dim contact line with an icon row: hover an icon and its part of the line lifts and lights up under a label, click to copy it.
Timeline
The active step slides off the rail, and the line bends to follow it.
Magnetic Button
Leans toward your cursor before you reach it, then lets go with a wobble.
Interface21
New
Command Palette
A search field over your commands, with nested pages that slide in and a highlight that glides between rows.
New
Context Menu
A right-click menu that opens where you click, stays inside the screen and slides into submenus.
New
Dynamic Island
A black pill that springs open into live activities, with ten ready-made views from a timer to AirDrop.
New
Morphing Popover
A Liquid Glass pill that swells into a panel holding anything: a form, a picker, a note.
New
Tabs
A row of pill options inside a hairline ring, where a soft pill slides behind the one you pick.
Expand Tabs
A row of square icon tiles for navigation: the one under the pointer widens, fills with the accent and trades its icon for its label.
Stardust Slider
A slider in a labelled card whose blue fill glows with drifting dust, with a soft handle that firms up when grabbed and a readout whose digits roll to the value.
Badge
A small label pill for statuses, filters, people and presence, tinted from one text color, with sizes, an optional icon and count, link or button behavior, and a remove button that folds it away.
Image Generation
A frame for an image that is still being made: a grid of tiny dots that swell around the cursor, take on the picture's colors and dissolve into the finished image.
KPI Chart
A growth curve that draws itself in, with a dot you click along the line and a card whose digits roll to the change.
Copy Button
Copies text in one click, then turns green and retypes its label to Copied.
Nav Notch
A row of small notches that works as a navigation bar: the one under the pointer opens into a labelled chip and its neighbours swell around it like a lens.
Updated
Liquid Glass
An iOS 27 style glass menu whose rim bends the page behind it: a pill that swells into a squircle panel of rows and melts back once you pick one.
Slider
A slider whose fill heats from yellow to red as it grows, with a glass thumb that opens to show the value while you drag.
Updated
File Upload
An upload panel whose files drip out of the dropzone as liquid, then queue, pause, fail and retry in compact cards before you submit them.
Goo Switch
A switch whose thumb is a drop of liquid: it trails a tail when it moves and stretches over the edge when you pull it too far.
Inline Time Edit
A 2:30 that splits into hour and minute fields when you edit it, then folds back.
Updated
Date Range Picker
A calendar that shows the range before you commit to it, with presets.
Updated
Chart Card
A stats card whose bars show their value as you move across them.
Delete Button
Asks before it deletes, waits for your API call, then shows a tick.
Updated
Menu Dock
A dock that grows into its own menus, nested as deep as you need.