Copy. Paste.Ship the component.
Every component is one self-contained file. Preview it, adjust its props, then copy the source straight into your project.
Browse everything.
Each card runs the real component. Open one to tweak its props and copy the code.
Navigation2
Sections3
Apple Keyboard
Animated keyboard hero with glowing keys that sweep across each row. Regular Apple-style layout.
Marquee
A seamless infinite ticker built from two identical copies of the track.
Special Character Keyboard
Animated keyboard glowing keys that sweep across each row. Full Mac-style layout.
Primitives17
Avatar
Initials avatar with a gradient tint, three sizes and a presence dot.
Badge
A compact label for status, category or counts.
Button
Triggers an action or event. Four variants, three sizes, keyboard-friendly focus ring.
Card
A surface that groups related content, with an optional highlighted border.
Checkbox
A tick box with an animated mark, an indeterminate state and three sizes.
Combobox
A text field that filters a list as you type, with the match highlighted.
Input
A single-line text field with sizes and an error state.
Liquid Button
A glass button distorted by an SVG turbulence filter, in six variants and six sizes.
Metal Button
A layered metal button with six polished finishes and a press that sinks the plate.
OTP Input
Segmented one-time-code entry with auto-advance, paste fill and backspace walk-back.
Pill
A compact label with a status dot.
Rating
Five interactive stars with a hover preview and a read-only mode.
Select
A dropdown listbox drawn from scratch, driven by the keyboard.
Slider
Range input with a filled track, value readout and disabled state.
Theme Switcher
A three-way light / dark / dim switch whose thumb slides with a liquid wobble.
Toggle
A switch for instantly applying a setting, with label and sizes.
Tooltip
A hint that appears on hover and keyboard focus, in four placements.
Overlays3
Command Palette
A ⌘K palette with grouped fuzzy-ish results, arrow-key selection and a live footer.
Modal
A centred dialog on a blurred backdrop, dismissed with Escape or a click outside.
Popover
A panel anchored to its trigger on any side, closing on outside click or Escape.
Effects7
CountUp
Counts a number up to its target with an ease-out, prefixed and suffixed.
Glow Card
Card with a spotlight that follows the cursor along its border.
Gooey Trail
Metaball blobs that merge into one another through an SVG goo filter.
Liquid Glass Panel
A macOS-style glass slab that refracts what is behind it, with a frosted glass button.
Shimmer Text
Gradient headline with a light sweep traveling across the letters.
Smokey Gradient Orb
Four blended glow layers drifting on independent sine paths, drawn straight to the DOM.
Text Scramble
Text that resolves out of random glyphs on mount, driven frame-by-frame.
Data3
Feedback4
Progress Bar
Determinate or indeterminate progress with a label, tones and percent readout.
Skeleton
Loading placeholders as text, a card or a list, pulsing or shimmering.
Spinner
Loading indicator as a spinning ring or bouncing dots, with a caption.
Toast
Transient notification with a tone icon, action link and dismiss.