Components

Component Catalog

Browse visually on the site (/components) with search, category filters, and live sandboxed previews — or query the static registry directly:

curl https://framebits.dev/r/index.json   # every published component
curl https://framebits.dev/r/aurora-text.json

Currently published

Component	Category	What it is
aurora-text	text-animations	Animated aurora gradient text with reduced-motion support.
shimmer-button	buttons	Button with a CSS keyframe shimmer sweep; static under reduced motion.
framebits-logo-3d	3d	Interactive 3D Framebits emblem, responsive quality + vector fallback.
cn (lib)	utilities	clsx + tailwind-merge class-name helper used by other components.

Install any of them:

npx @framebits/cli add aurora-text shimmer-button

Dependencies resolve transitively — aurora-text and shimmer-button both pull in cn automatically, once.

How to read a component page

• Preview — static WebP on cards; a sandboxed live playground on the detail page (click "Run live preview" for 3D/WebGL).
• Code — full source tabs with copy buttons; what you see is what add installs.
• Details sidebar — version, type, difficulty, performance class, files, dependencies, and the SHA-256 hash the CLI verifies.

Status lifecycle

draft → published → deprecated. Drafts never leave the builder and are invisible to the CLI. Nothing is ever deleted — deprecated components keep their stats and versioned archives.

Want to add one? → Adding a Component