Getting started

Build and ship your first UI kit.

Klayd keeps the editable component document, visual review, theme, and generated package in one workflow.

1. Create a project

   Start a UI kit from the Projects page and give it a stable product-facing name.

2. Build or import components

   Add Klayd component families or import structured SVG states, then refine properties.

3. Set the Design DNA

   Choose light and dark palettes, typography, radii, and interaction behavior.

4. Run Visual Review

   Inspect states, variants, and responsive behavior before generating source code.

5. Export or publish

   Select a framework, resolve compatibility issues, and download or open a repository change.

Choose your next guide