Build faster with components that are already documented and demoed

Shadcn dropdown preset for item actions: icons, shortcuts, destructive items, labels, and separators.

Laptop mockup with a hover-reactive lid that springs open to reveal the screen. Built with pure CSS 3D transforms. For a static open pose with a visible keyboard deck, use laptop-mockup. Pairs with phone-mockup, tablet-mockup, and browser-mockup.

Premium spatial orbit system for AI dashboards, product control planes, and connected app ecosystems.

Stacked area charts for trajectory and part-to-whole movement over time.

Default product-style backdrop: two `useSpring` radial blobs (smooth, easy to theme with oklch/gradients). Blobs keep their last position when the pointer leaves-no snap to center-and one short blend on pointer re-entry softens jumps; steady motion uses direct targets (springs handle smoothing). For a more dramatic multi-blob stack, see **fluid-cursor-background-02**.

Stacked avatars with optional overflow count and social-proof caption.

Categorical comparison charts for channels, pipeline progression, and stacked quality metrics.

Asymmetric CSS grid with col/row span cells and a cursor-tracked hover spotlight on each tile.

mac-style browser chrome with traffic lights, tabs (decorative or per-tab content), and URL bar. Render React children, liveUrl iframe, or static image - single-tab via props or multi-tab via tabs.

Message bubble with markdown, avatar tooltips, delivery status, streaming cursor, and inline reactions.

Auto-growing textarea with send on Enter, optional attach/voice, character cap, and stop-generation mode.

Three-dot pulse and optional “Name is typing…” label.