Getting Started
Welcome to Spring Design Library
Tokens from Figma, React components for engineering, and patterns tied to real products. Use the navigation to explore — this page covers install, source files, and where to start by role.
Installation & source
Add the published package to your app, then open the Figma library or clone the monorepo for specs and source.
Install from npm (or your package manager of choice).
Explore the library
Designers usually start in Figma; developers pair tokens in code with these reference pages.
Design Tokens
Color, type, space, and radii — aligned with generated CSS variables.
Components
React primitives: navigation, inputs, overlays, and more.
Page
Full application pages composed from Spring DS primitives — see whole flows end-to-end.
Icons
Icon set and usage guidance for Spring interfaces.
Heads up — components are being rebuilt
Spring is moving its component layer to React / Next.js. Design Tokens are fully wired; component, pattern, and design-library routes are scaffolded and will fill in as the new stack ships.