Stepkit/Docs
Stepkit library

Bring a component into your project.

Stepkit is a free MIT React library. Preview a component, tune its settings, then install from the registry or copy its complete source archive.

Install from the registry

Copy the command from a component page, or use the versioned registry URL:

npx [email protected] add https://vstepanov.com/stepkit/archive/v0.3.0/v0.3.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.3.0

38 components are available in the catalogue. Every entry includes complete source, metadata, attribution, and a versioned registry record.