components that feel soft.
A minimal, springy UI library. Plain CSS and a little JS, plus React components. Light and dark. Motion that respects reduced-motion.
Modules
Core
Tokens, buttons, fields, toggles, cards, modal, toast, hero blob.
8 components
Inputs
Sliders, OTP, combobox, tags, dropzone, ratings, steppers.
22 components
Feedback
Alerts, toasts, drawers, popovers, wizards, tours, spinners.
24 components
Navigation
Navbar, sidebar, tabs, menus, command palette, accordion, dock.
24 components
Data
Tables, charts, calendar, kanban, chat, carousel, code blocks.
28 components
Heroes and sections
Navbars, heroes, bento, logo clouds, footers, CTAs, device frames.
22 components
Conversion
Pricing, testimonials, FAQ, team, product cards, countdown, cookies.
33 components
Motion
Scroll reveals, text effects, parallax, marquee, page transitions.
27 components
Interaction
Tilt, spotlight, confetti, particles, drag, swipe, backgrounds.
30 components
Quick start
One CSS file and one JS file contain everything. Dark mode: set data-sf-theme="dark" on <html>. React: import from dist/react.