@crafterui
Motion and interaction components for React and Tailwind. 3D carousels, scroll letter reveals, a Dynamic Island, cursor hit-testing and rolling countdowns, installed with the CLI and owned as source.
Install this registry
npx shadcn@latest add https://crafterui.com/r/registry.json pnpm dlx shadcn@latest add https://crafterui.com/r/registry.json bunx shadcn@latest add https://crafterui.com/r/registry.json curl -s https://crafterui.com/r/registry.json Components
18 totalA tooltip with a fully outlined border arrow that stays seamlessly connected to the panel on every side, built on Radix UI.
npx shadcn@latest add https://crafterui.com/r/arrow-tooltip.json An Apple-style Dynamic Island that morphs between idle, ring, silent, and timer states with spring physics and blurred content cross-fades using Motion.
npx shadcn@latest add https://crafterui.com/r/dynamic-island.json A full-screen countdown with fluid rolling digits, play/pause and reset controls, and auto-loop, built with NumberFlow and Motion.
npx shadcn@latest add https://crafterui.com/r/countdown-timer.json Headless cursor hit-testing engine: tracks which element is under the pointer frame-by-frame, so hover keeps following the cursor even while the list scrolls b…
npx shadcn@latest add https://crafterui.com/r/super-hover.json A scrollable index whose active row — and its revealed artwork — keeps tracking the cursor while the list scrolls beneath it, unlike native hover, via frame-by…
npx shadcn@latest add https://crafterui.com/r/super-hover-list.json A slot-machine handle picker that spins a vertical reel of names past a fixed prefix, highlighting the centered one, then decelerates and lands on a final user…
npx shadcn@latest add https://crafterui.com/r/username-reel.json An AI answer written out in marker pen: Caveat handwriting, a highlighter swipe, a hand-drawn circle and a crossed-out correction, with each word inking in as …
npx shadcn@latest add https://crafterui.com/r/handwritten-response.json Headline type that writes itself in on scroll, one letter at a time, with a synthesised tick as each lands. Letters take no space until they arrive, so a centr…
npx shadcn@latest add https://crafterui.com/r/letter-reveal.json A full-bleed editorial hero driven by a filmstrip: cards share one top edge, the focused card unfurls to full height while its neighbours stay clipped to half,…
npx shadcn@latest add https://crafterui.com/r/hero-carousel.json A portfolio index that rests as a ring of cards around a title and, on the first notch of scroll, blows open into a vertical 3D drum you turn through - front c…
npx shadcn@latest add https://crafterui.com/r/works-wheel.json A looping image strip that is never drawn straight to screen: it renders to an offscreen texture, then a fullscreen pass samples it back through a thick optica…
npx shadcn@latest add https://crafterui.com/r/glass-lens-carousel.json A spiral column of cards, each mapped onto the surface of the cylinder it orbits so its outer edges retreat in depth. As cards travel away they pass through a …
npx shadcn@latest add https://crafterui.com/r/dither-helix-carousel.json A carousel with no mesh and no image elements: every card is a rounded-box distance field, and one fullscreen pass takes a smooth minimum across all of them. C…
npx shadcn@latest add https://crafterui.com/r/molten-ring-carousel.json A gallery you fly down instead of scroll through: four walls - left, right, ceiling and floor - papered with the same run of pictures, drifting out of the vani…
npx shadcn@latest add https://crafterui.com/r/corridor-carousel.json A shelf of work you open one piece at a time. Closed, every project is a hairline spine with its name set bottom-to-top along the edge; hover, tap or focus one…
npx shadcn@latest add https://crafterui.com/r/spine-accordion.json Headless gooey-surface engine: an SVG metaball filter whose border never swells, because every working blur carries its own solved pair of alpha thresholds, pl…
npx shadcn@latest add https://crafterui.com/r/mercury-surface.json A speed dial that bursts into droplets. The trigger swells while the drops gather inside it, each one oozes out under surface tension and then fires past full …
npx shadcn@latest add https://crafterui.com/r/mercury-dial.json A dropdown the button pours out of itself. The trigger swells, the panel oozes up under its own weight and then fires into place on a pop spring with the rows …
npx shadcn@latest add https://crafterui.com/r/mercury-menu.json