Copy-paste React components built with Motion and Tailwind CSS. Free, open source, and fully customizable.
New
A compact calendar and time-wheel picker with a softly unfolding popover, AM/PM selection, local timezone readout, Now shortcut and explicit confirmation. Defaults to a 36px trigger, 32px day cells and a 480px desktop panel. Supports keyboard navigation, controlled or uncontrolled local date-time values, forms and reduced motion. Customize individual parts with classNames: trigger, content, calendar, day, selectedDay, time and confirmButton.
Composable feedback with smooth transitions.
Expandable content with a smooth reveal.
Responsive media with smooth aspect ratio transitions.
Radial text picker with top, bottom, left or right curves, smooth wheel movement and live selection on each scroll step. One persistent bracket frame grows and squeezes around each label. Supports drag momentum, keyboard input, disabled choices, controlled or uncontrolled values, forms and reduced motion.
Composable sortable list with group, item, drag handle, content and undo parts, plus a shared state hook. Spring layout, keyboard reordering, accessible position announcements, and controlled or uncontrolled items.
A composable React image viewer for galleries and attachment previews, with animated lightbox variants, custom thumbnails and controls, swipe and keyboard navigation, zoom and pan, accessible focus management, and controlled or uncontrolled selection.
Composable date range picker with root, trigger, popover content, calendar, header, grid, summary, footer, clear and preset parts, plus a shared state hook. Compact inline and dropdown compositions, direct month and year selection, and full keyboard navigation.
Composable color swatches with a spring-gliding selection ring, press feedback, native radio keyboard navigation, and controlled or uncontrolled state.
Composable breadcrumb navigation with soft path transitions, a hoverable overflow dropdown for long trails, custom separators, and router-link support.
Proportional tiles that morph with your data, with value and share tooltips.
Animated volume by price, with point of control and value area highlights.
Animated status history with rounded bars and period tooltips.
Stacked bar and area shares with period tooltips and a compact interactive legend.
Breathing liquid voice visualization with flowing highlights, custom pigments and a soft, voice-reactive silhouette. Accepts a normalized level, MotionValue or caller-owned audio analyser, pauses offscreen and supports reduced motion.
Components
Spring-pressed Button plus StatefulButton, MagneticButton, and MetallicButton variants.
Family-app-style modal. A body-portalled panel that morphs its height between inner views with a blur cross-fade and scroll locking through the closing animation. Exit fades stay at their final values until removal.
Stacked toasts with status morphs, swipe dismissal, actions and layout-aware motion.
CTA button and slot primitives for swapping text and icons with blur motion.
macOS-style dock with grouped actions and a gliding active pill.
Pill, segment or underline tabs with a spring layoutId indicator.
iOS-style island pill that morphs between live activity views with bouncy shell resize and blur crossfades.
⌘K palette with fuzzy filter, spring-animated active row and glass surface.
Compact icon actions that expand into labeled controls on hover or focus with shared layout motion.
Icon tab bar where the active tab expands to a labelled pill, with a panel above that morphs height and slides content direction-aware on switch.
3D perspective tilt on hover with cursor-tracked glare.
Vaul-inspired draggable bottom sheet with snap points, inertia and glass surface.
Toggle with a spring-driven thumb and press feedback.
Hover or focus tooltip with blur enter/exit and spring spawn.
Animated text primitives for spring reveals, chromatic sweeps, shimmer loading states, letter-cascade swaps and character scrambles.
Animated number primitives for count-up values, rolling tickers, and fixed-slot digit swaps.
Single-open accordion with weighted spring layout, icon rows and reduced-motion-safe content reveals.
Slider with tick dots and a vertical-bar thumb that bounces as it lands on each step. Drag or keyboard, reduced-motion safe.
Theme toggle button that repaints the whole page through the View Transition API — a rectangle or circle clip-path reveal, or slats that open across the screen like a shutter.
Side panel that slides in from the left or right with a spring, backdrop blur, body scroll lock and esc-to-close.
Cross-chain swap widget with chain + token selectors, morphing views, animated flip and quote.
One-time-code input with a gliding focus ring, digits that roll in per slot, error shake and a success check draw.
Mobile-style list rows that swipe left or right to reveal contextual action buttons.
A button that morphs open into a menu and blooms iris-out from the center, the grid revealing in every direction with radially staggered items.
Testimonials
FAQ
Work with me
Custom motion components and frontend systems, built to spec. Book a call or drop a line, whichever's easier.
