Bring a page or a component into your project.
Stepkit is a free MIT React library. Use a complete page template when you want a runnable screen, or install one component when you only need a control.
Quick start
Complete page. Download a template ZIP from Templates. Unzip it, run npm ci, then npm run dev. You get the entire page, styles, and imported files. You do not need a pre-existing shadcn setup.
Individual component. Open a component page and copy the registry command, or download that component's ZIP. This path only adds one control. It does not create a site.
React. Templates and components expect React 19. Place page files under src/pages/ and shared controls under src/components/, matching the ZIP layout so existing imports keep working.
Custom colours. Edit the --stepkit-* tokens on the .stepkit-theme wrapper in src/App.tsx, or copy a token set from Themes.
Your backend. Search, filters, dialogs, and toasts in the templates are local demos. Auth, persistence, billing, and notifications need your own services before you ship.
Install from the registry
Copy the command from a component page, or use the versioned registry URL. Templates are not installed this way.
npx [email protected] add https://vstepanov.com/stepkit/archive/v0.4.0/v0.4.0/r/<slug>.json
Manual setup
Download a ZIP, copy its components/stepkit/ directory into your project's src/components/ directory, and keep NOTICE.md plus every additional notice listed in the component provenance beside the source. Import the shared stylesheet once:
import "./components/stepkit/styles.css";
The archive's README.md contains the package reference. Each detail page lists props, accessibility notes, limitations, dependencies, credits, and required notices.
Theme tokens
Open Themes, choose a mode, accent, radius, density, and preset, then copy the generated token CSS. Apply it inside a .stepkit-theme wrapper with data-stepkit-preset="modern" or terminal.
Release 0.4.0
38 components and 2 complete page templates are available in the catalogue. Every entry includes complete source, metadata, attribution, and a versioned download. Component registry records remain the optional installer for individual controls.