Building Blocks

Components

Handcrafted tactile components with consistent depth, surface structure, and motion. Preview the system, then copy the code for your own product UI.

Showcase cards, forms, overlays, and controls with one cohesive visual system.

All components are self-contained and dependency-free, ideal for copy/paste design systems.

Beautiful paper-like surfaces and mechanical motion across every element.

Primary, secondary, and destructive variants with tactile press physics.

Switch control with smooth slide transition and paper-like elevation.

Recessed search field with keycap shortcut badge.

Paper segmented controller with carved track and elevated active tab.

Elevated bento container with top bevel light refraction.

Overlay dialog with backdrop blur and paper surface depth.

Custom checkbox with paper-style carved state.

Recessed multi-line input with etched well aesthetic.

Context menu with elevated paper card overlay.

Canvas-blended navigation with elevated active items.

Paper-style radio buttons with animated selection and group context.

⌘K modal search with keyboard navigation.