Installation

Drop a <link> and <script> tag into your HTML. The JS bundle auto-initializes all interactive components.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@uicraft/core/uicraft.min.css">
<script src="https://cdn.jsdelivr.net/npm/@uicraft/core/uicraft.min.js"></script>

<link rel="stylesheet" href="https://unpkg.com/@uicraft/core/uicraft.min.css">
<script src="https://unpkg.com/@uicraft/core/uicraft.min.js"></script>

npm install @uicraft/core

Then import the stylesheet in your entry file:

import '@uicraft/core/uicraft.min.css';

Every component is published as a shadcn registry item at getuicraft.com/r/{name}.json. The CLI writes the component CSS to styles/uicraft/ and pulls dependencies (tokens, utilities, used components) automatically.

npx shadcn@latest add https://getuicraft.com/r/button.json

Or register the @uicraft namespace once in your components.json:

{
  "registries": {
    "@uicraft": "https://getuicraft.com/r/{name}.json"
  }
}

npx shadcn@latest add @uicraft/button

The full index lives at /r/registry.json. Import styles/uicraft/base.css once, then each component file after it.

Download the compiled bundle — ready to drop into any project. No build step required.

Clone the GitHub repository to access source files, Sass/SCSS, and build scripts. Requires Node.js.