⚠️ Mobile is not supported yet.
Search for a command to run...
Primitives and components with serious attention to animation and design. Copy, own, ship.
A chat component that allows you to chat with an AI.
Demo showing an AI chat component.
Per-digit blur-slide animation — only the digits that change animate.
Timer demo showcasing per-digit blur-slide animation.
An animated text input with per-character motion and a cursor that springs between typing and selection states.
Minimal animated input demo with per-character motion and a custom cursor.
A real-time push feed where new items animate in from the top with spring physics — Stripe Radar style.
Auto-cycling notification feed with spring entry animations.
A slot component that allows you to use motion components with any element.
Animated toggle switch with separate track/thumb sizing, spring feedback, optional label text, and tone variants.
A compact settings panel with animated switches, descriptions, sizes, and tone controls.
Animated bars with aurora-inspired gradient effects and smooth transitions.
Demonstration of the Aurora Bars component with animated gradient effects.
Aurora blur shader layer used by Aurora Card.
Aurora-blur pricing card with a configurable hero area, layout hooks, and customizable shader controls.
Pricing card demo matching exactly the pricing page card style.
An effect that automatically adjusts the height of an element based on its content.
An animated avatar group that displays overlapping user images and smoothly shifts each avatar forward on hover to highlight it.
Animated card with fluid blob header, animated glow border, and configurable colors.
Demo showing the Blob Card component.
An effect that allows you to animate elements with a blur effect on first view or load.
A simple button that animates on hover and tap.
Animated icon where four square dots reorder in a 2×2 grid via Motion layout animation when active, signaling a card view mode.
Four dots reorder themselves in a 2×2 grid via layout animation on toggle to indicate cards view.
An effect that creates animated effects at the click position, adding interactive feedback to user actions.
A cursor-following spotlight effect that reveals a soft glowing circle wherever the user moves their mouse inside the container.
Demo showing a clipped circle spotlight effect on a button, a card, and an image.
A code block component that animates the code as it is written.
A composable ⌘K command palette with fuzzy search, custom groups, built-in theme switcher, and animated content reveal.
Demo showing a composable command palette with navigation, component links, and a built-in theme switcher.
Animated icon where a 3×2 grid of dots reorder themselves via Motion layout animation when active.
Six dots reorder themselves via layout animation on toggle to indicate compact view.
A copy button component with a variety of styles and animations.
Demo showing a copy button.
A counting number animation.
An animated number counter that springs to its target value when it enters the viewport, with support for decimals, separators, and direction.
Demo showing animated number counters with spring physics.
An animated cursor component that allows you to customize both the cursor and cursor follow elements with smooth animations.
Demo showing a cursor.
A trail of images that follows the cursor with spring-physics fade and rotation.
Demo showing a trail of images that follow the cursor with spring physics and fade-out.
(No description)
Animated text reveal with a colorful gradient sweep effect, inspired by the Dia app.