Get started/

Install & quickstart

A 5-minute path from pnpm add to a first Malevich page. Cases and recipes land here as v0.2.0 stabilises.

Install

pnpm add @malevich/core @malevich/components

Wire CSS

Import once at the entry of your app:

// app.css
@import "@malevich/core/dist/tokens.css";
@import "@malevich/components/styles.css";

First component

<button class="button -accent" type="button">Submit</button>

Bring your icon pack (optional)

import { init, registerIconPack } from "@malevich/components";
import { getIcon } from "@malevich/icons-default";

registerIconPack(getIcon);
init();

What's next

Browse Components for live previews and copy-paste markup.
Read Foundations for the token system.
Check Resources for icon packs and brand assets.

Cases

Example projects (auth flow, settings panel, marketing landing) land here as v0.2.0 examples ship. Tracked in the roadmap.