Bring a component into your project.

Install from the registry

From your React project, copy the command on a component page or use the versioned form below.

npx [email protected] add https://vstepanov.com/stepkit/v0.2.0/r/<slug>.json

Review the generated files and keep every notice listed in the entry's provenance.

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 on the component's provenance panel 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, upstream credits, and required notices.

Theme tokens

Open Themes, choose a mode, accent, radius, density, and preset, then copy the generated token CSS. Paste it into your project and apply the required .stepkit-theme wrapper with data-stepkit-preset="modern" (or terminal) around the component tree. The wrapper activates the exported variables; the preview and usage settings follow the same theme URL state.

Release 0.2.0

30 components across foundations, patterns, effects, and blocks. All entries include source, metadata, attribution, and a versioned registry record.