// components
The DesignPass component library
Finely crafted React components you can copy-paste or install with the shadcn CLI — free for everyone, with a pro tier on the way. New components drop regularly.
ui
Magnet
FreeSpring-physics magnetic hover that pulls children toward the cursor with 3D tilt and a light glare that tracks the pointer.
SlideToggle
FreeTwo-option toggle with a draggable, spring-loaded thumb that squashes and stretches with velocity, leans toward the side you hover, and works with or without labels. Three sizes.
SpringSlider
FreeChannel-style slider — a pill thumb rides inside a full-height track, chasing the pointer on a spring with velocity squash. Optional step ticks and in-thumb value readout.
GlowField
FreeGlass text field with an accent glow that blooms on focus — border, ring, and selection color all derive from one accent color prop.
IsometricButton
FreeA floating 3D prism button with a glowing underside and floor reflection — hover drops it toward the floor with a spring bounce, click presses it down. Pure CSS 3D, no canvas.
IsometricField
FreeA text input rendered as an isometric slab — the natural companion to IsometricButton, sharing its camera. The depth edge lights up in your accent color on focus.
backgrounds
7 components available · License terms