rare-ui
A collection of rare, ready-to-use UI components and animations you can actually drop into your next project. Free and open source.
The cn helper for merging Tailwind classes.
An animated folder whose cards fan out on hover and lift open on click, with a 3D-tilted flap. Supports color and size (sm/md/lg) props.
A vertical navigation list with a bouncy, spring-animated active indicator.
A vertical navigation list with a dashed rail that marks the active item.
A bottom drawer with smooth, morphing transitions between stacked views, inspired by the Family app. Built on Vaul.
A dash-style scroll sidebar whose items expand as the pointer approaches.
A gooey, spring-animated picker for entering a duration in hours and minutes.
An animated WebGL orb with drifting fluid shading. Supports size and color props.
A scroll progress pill that tracks reading position and expands into a squircle menu of sections you can jump to.
A table of contents with a paper plane that flies to the section you're reading.
A clean code block that builds its entire theme from a single accent color. Pass code and a hex, it does the rest.
A one-time-code input whose characters roll into place behind a caret that slides from slot to slot.
A playful gravity field where letters, numbers, emoji, or any components you pass fall and pile up like real objects.
A contribution heatmap with a footer panel that expands over the grid to rank your top repositories.
A tapback-style reaction button that opens a bar of Apple emoji and sends copies of your pick floating up out of it.
An iOS-style notification bell with an unread count badge.
An iOS-style stepped progress track with a play, pause and replay control. The active step stretches into a bar that fills as it plays.
A loading state for AI images that turns into the real picture when it arrives.
A gooey navigation bar that separates the selected item from the group.
A delete button that asks for confirmation in place, no dialog needed.