Collection of stunning components built with Tailwind CSS, shadcn/ui and Motion to use on your websites.
A signature field with a sprung pen tip, speed-weighted ink and SVG output.
Animated link button with a vertical text slide on hover and default and ghost variants, built with React, Next.js Link, and Tailwind CSS.
Bottom drawer with spring-based slide-in and staggered content reveal, built on Vaul with React, Motion, and Tailwind CSS.
Share button that expands into a row of social icon buttons with staggered Motion animations on hover, built with React and Tailwind CSS.
A spending breakdown you spin like a dial; flick the ring and it settles with a category under the marker.
Navigation bar that splits around the active link, with drag-to-scrub, flick projection and an optional compact fold.
A pill that reports background work, reshaping as tasks change and opening into a list of everything in flight.
Tabs with a swipeable panel, a drag-tracked indicator and spring physics.
Light and dark theme toggle button with a rotating sun icon and shimmer hover effect, built with React and Tailwind CSS. Works on its own or with a theme provider such as next-themes.
Animated team size selector with stacked overlapping avatars, spring transitions and increment controls. Built with React, Tailwind CSS and Motion.
A confirm button you tear off like a ticket stub, hole by hole.
A pile of image cards you drag, flick off the top and send under the deck, with arrow keys and a details view.
An editor tool dock with a sliding selection plate, shortcut tooltips and flyouts that you can throw to any edge.
A living contour map that drifts, rises under the cursor and ripples on click, built with React and Canvas.
Typewriter text that makes the odd typo and corrects it, erases by selecting, and blinks its caret only when idle, built with React and Motion.
A status page card with 90 days per service that swell under the cursor, and a day you click opens its incident log.
React hook that auto-resizes a textarea to fit its content between a min and max height.
React hook that runs a callback when the user clicks outside the referenced element.
React hook that copies text to the clipboard and exposes a copied state with a reset timeout.
React hook that reports whether the viewport is below the 768px mobile breakpoint.
The cn utility for merging Tailwind CSS classes, built on clsx and tailwind-merge.
Open in v0 button that sends a component registry JSON to v0.dev for instant editing, built with React, the shadcn Button, and Tailwind CSS.
iOS-style 3D drum picker with flick momentum, built with React and Motion.
Dashboard widgets you lift, drag and resize on a 6-column grid, with spring physics and full keyboard support.
Streamlines that part around the cursor, swirl in its wake and scatter on click, built with React and Canvas.