Ready-to-use components curated and voted on by the community.
A wheel of numbers that rolls to a repository star count; uses a local count, nothing is fetched.
The headless GitHub stars primitive, styled locally as a repository badge whose number rolls up and whose star fills when complete; uses a local count.
A headless file tree primitive built on Base UI accordions, with a highlight that glides between rows.
A project file tree with animated folders, hover highlight and git status markers.
A headless cursor primitive rendering a custom arrow and a follow label inside its container.
Install commands in npm, pnpm and yarn tabs with an animated tab highlight, syntax highlighting and a copy button.
The headless code block primitive: shiki-highlighted code that writes itself line by line, styled locally.
A code panel with a header, copy button and syntax-highlighted code that types itself in.
The styled Avatar Group component: overlapping avatars that lift on hover or focus and show an animated tooltip; uses local initials avatars.
An attributed Avatar Group with lifting avatars, focus and hover tooltips, Escape dismissal, selection and reduced-motion support.
A comment box whose container springs smoothly to the height of its changing content.
A custom animated cursor with a name label that follows the pointer inside a design canvas.
A mention that shows a profile card on hover or keyboard focus.
Attributed project card with locally toggled disclosure details.
Two plan cards with header, body and footer; choosing one highlights it.
An attributed Tilted Card album cover with the pinned upstream CSS, cover switching, overlay toggle and reduced-motion tilt.
A concert ticket whose stub can be dragged to tear it off along the perforation.
A draggable launch sticker that peels back at the corner with GSAP lighting and shadows, with peel directions and sticker sizes.
A draggable stack of travel photo cards that can be flung to the back.
A dark feature card lit by a spotlight that follows the pointer, in a chosen light colour.
A rounded landscape card that grows to fill its panel as you scroll, revealing a caption.
A metallic ID card that mirrors a live camera feed through SVG lighting and displacement filters; the preview feeds it a local animated camera stand-in, with blur, colour and distortion controls.
A holographic profile card that tilts and shimmers toward the pointer, with local avatar art.
A product card that dissolves into a pixel grid with GSAP to reveal its details on hover or focus, with grid sizes and pixel colours.