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/veritheme/veritheme.min.css">
<script src="https://cdn.jsdelivr.net/npm/veritheme/veritheme.min.js"></script>

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

npm install veritheme

Then import the stylesheet in your entry file:

import 'veritheme/veritheme.min.css';

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

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

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

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

npx shadcn@latest add @veritheme/button

The full index lives at /r/registry.json. Import styles/veritheme/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.