Animated componentsfor React and Next.js

Composable activity calendar with Grid, Legend, and Tooltip parts, controlled range selection, and UTC calendar dates. Supply weekly intensities to visualize activity and total a selected span.

Composable monthly returns calendar with Grid and Tooltip parts, controlled month or year selections, and compounded totals. Supply your own years and monthly percentages.

Composable price target chart with Header, Plot, SVG, Axes, History, Targets, Now, Cursor, and Tooltip parts. Supply dated price history and targets; scrub with a pointer or keyboard and customize the active readout.

Compact market listings with consistent outcome rows, animated odds CTAs, payout multipliers and bookmarks. Odds CTAs use green/red backgrounds and roll into Yes/No labels on hover or keyboard focus. Use Update odds to preview animated price changes.

An inset fill and inline label and value. Ten evenly spaced stops span the track; markers under text stay hidden but remain interactive, and the thumb parts around either label as it passes.

Spring-pressed Button plus StatefulButton, MagneticButton, and MetallicButton variants.

Family-app-style modal. A single panel that morphs its height as you navigate between inner views, with blur cross-fade on content.

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.

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.