Animated React components — built with Tailwind CSS and Motion, installable via the shadcn CLI. Copy-paste source you own and can customize.
A card that tilts in 3D toward the cursor with a light glare.
Accordion with animated height (Radix).
Callout banner with a signature accent rail.
Modal confirmation for destructive actions (Radix).
A traveling light beam drawn between two DOM elements.
Constrain content to a ratio (Radix).
A full-bleed animated aurora backdrop.
Image avatar with graceful fallback (Radix).
Status/label pill with soft, solid, and semantic variants.
Responsive bento layout with hover lift and pointer glow.
Path to the current page.
Versatile button with six variants, four sizes, and asChild.
Dependency-free date picker — single/multiple/range, sliding month transitions, month & year quick-jump, full keyboard grid.
Composable card: header, title, description, content, footer.
Checkbox with an animated check-draw (Radix + Motion).
Class name merge helper (clsx + tailwind-merge).
Show/hide a section of content (Radix).
Dependency-free searchable single-select — typeahead filtering, grouping, creatable rows, ARIA combobox keyboard nav, and a portal-positioned dropdown (no Radix, no cmdk).
A formatted date field wired to the dependency-free Calendar in a popover — single or range, dual-month panels, presets, markers, clearable, native form support.
Modal dialog with animated overlay and content (Radix).
Dropdown menu with pop animation (Radix).
Text painted with an animated clipped gradient.
Preview card shown on hover (Radix).
Text input with focus ring and invalid state.
Keyboard-key hint with a keycap look.
Accessible form label (Radix).
A button that leans toward the cursor, with a press ripple.
Infinite GPU-driven marquee with pause-on-hover.
Searchable multi-select with inline removable chips, select-all, +N-more overflow, a selection cap, grouping, and creatable tags — dependency-free (no Radix).
Animated count-up that triggers when scrolled into view.
Stateful pagination with ellipsis truncation, a gliding active pill (Motion layoutId), edge jumps, summary line, page jumper, and a rows-per-page picker.
Floating content anchored to a trigger (Radix).
Determinate progress bar with gradient fill (Radix).
Radio group with a spring indicator (Radix + Motion).
Scroll-triggered fade + slide reveal wrapper.
Animated select menu (Radix).
Thin visual divider (Radix).
Edge-anchored slide-in panel (Radix).
Loading placeholder with a shimmer sweep.
Range slider with gradient track and paper thumb (Radix).
Accessible loading spinner.
Glass card with a pointer-tracked spotlight glow.
Toggle switch with a spring-eased thumb (Radix).
Tabs with a sliding active indicator (Radix + Motion).
Multi-line text input matching Input.
Sonner-style imperative toasts — a collapsed stack that expands on hover, swipe-to-dismiss, an auto-dismiss progress bar, promise/loading states, actions, and rich colors.
Two-state toggle button (Radix).
A set of toggles, single or multiple (Radix).