Components
All 17 components, grouped the way the sidebar groups them. Each one is a single file the CLI copies into your project.
Install the theme first — every component assumes its tokens exist — then add whatever you need. Nothing is wrapped in a package: the source lands in components/ui/ and belongs to you.
Actions
- Quack ButtonClientA button with a full motion cycle: an idle animation while it waits, magnetic pull, a squash on press, and animated loading, success and error states.
@duck/quack-button - Holo ButtonServerThe signature CTA: an animated iridescent border on a plain button. No motion states, no pointer tracking, nothing to wire up.
@duck/holo-button - Copy ButtonClientCopies a string to the clipboard and confirms it. The check pops in, then the button returns to rest.
@duck/copy-button
Surfaces
- Sticker CardClientThe die-cut sticker: thick border, generous radius, soft glow. Optional iridescent ring, pointer tilt and a corner that peels off the backing.
@duck/sticker-card - Code WindowServerA code block in a window frame, with a filename, an optional copy control and optional line numbers. Accepts plain text or pre-highlighted markup.
@duck/code-window - TerminalClientA command line that types itself. It waits until it scrolls into view, so the demo is never already over by the time it is seen.
@duck/terminal - Sticker SheetServerBacking paper with kiss-cut lines. Lays out a set of components the way a vinyl sheet lays out stickers.
@duck/sticker-sheet - Video CardClientA YouTube card that stays cheap until it is wanted. The player only mounts on click, so a page full of these costs nothing on load.
@duck/video-card
Display
- Holo AvatarClientA die-cut avatar sticker. The foil ring picks up the pointer the way a real holographic sticker picks up a light source.
@duck/holo-avatar - Holo BadgeServerA pill for status, counts and short labels.
@duck/holo-badge - AnnouncementServerA pill banner for one piece of news. A light sweeps across it on a slow loop so it reads as live without demanding attention.
@duck/announcement - Duck SpinnerServerA duck paddling on water. The rings are the wake.
@duck/duck-spinner - Holo SeparatorServerA hairline that fades in from the edges. With a label it becomes a section break.
@duck/holo-separator