An open-source design library built for humans and AI to create expressive, polished, and high-quality interfaces, helping you build better products, faster
Group with select
Group with search
Group with add button and input
Group with input and currency text
Group with select and input
Group with input and select
Group with input
Group with input and text button
Group with two number inputs for range
Group with filter label, combobox multi-select, and remove button
Small group
Large group
Group with disabled button
Group with default button
Group with start text
Group with end text
Vertical group
Handle pill with spring scale on drag
Kinetic tumbler reel of usernames, handles, or subdomains past a prefix that decelerates and settles with momentum.
Hero handle tumbler reel with ryna.me prefix.
Interactive trigger handle reel with custom role names and a tactile roll button.
Handle with animated pill indicator
Handle with large capsule expansion on drag
Horizontal resizable layout
Horizontal timeline with leading labels
Icon stack with badge overlay
Icon Stack component for Space UI.
Semantic icon stack colors
Responsive icon stack sizes
Declarative boolean conditional renderer
If component.
Progressive loading responsive image
Image component.
An adaptive image component that dynamically switches between light and dark mode sources using standard img elements.
Image upload
Image upload with sorting.
Full-page immersive photography template with Three.js WebGL distortion, inertial dragging, and GSAP lightbox.
Accessible Input primitive component for Space UI.
Basic input
Input group mimicking a URL bar
Input group with keyboard shortcut
Input group with start loading spinner
Input with label and required indicator
Input with optional label
Input with custom border and background
Input group with end loading spinner
Read-only input
Input with characters remaining counter