Frequently asked
Questions & answers
Everything about the license, framework support, the Figma round-trip, and how Veritheme compares to what you might already use.
How Veritheme compares
Veritheme isn't trying to replace Tailwind or shadcn/ui — it solves a different problem: keeping design, code, and AI reading from one source of truth.
| Feature | Veritheme | shadcn/ui | Tailwind | Bootstrap |
|---|---|---|---|---|
| Open source (MIT license) | ||||
| Utility classes included | Partial | |||
| Responsive grid & layout | ||||
| CSS variables for theming | ||||
| Dark mode built in | Partial | |||
| Accessible (WAI-ARIA) components | ||||
| Framework-agnostic (works anywhere) | ||||
| Ready-made components | 66 | 50+ | Yes | |
| Works without a build step (CDN) | Partial | |||
| Pure CSS, no framework required | Partial | |||
| Semantic design tokens | Partial | Partial | Partial | |
| Official Figma plugin (round-trip) | ||||
| One theme.json → Figma + code | ||||
| MCP server for AI agents |
Common questions
Yes — it's open source under the MIT license. You can use it in personal and commercial projects, no attribution required. The components, tokens, and theme builder are all free.
No. Veritheme is pure CSS utility classes plus a small vanilla-JS bundle for interactive components. Drop in a <link> and <script> tag and it works — with React, Vue, Svelte, plain HTML, or anything else.
No. You can load the CSS and JS straight from a CDN and start using classes immediately. If you do have a build pipeline, you can install via npm instead — both paths give you the same result.
The Figma plugin and the code share the exact same theme.json. Change a color or radius token in one place and it re-themes both your Figma library and your components. It's a genuine round-trip, not a one-time export.
It lets AI assistants (Claude Code, Cursor, any MCP client) query your real components, tokens, themes, and HTML snippets instead of guessing class names. Add it with: claude mcp add veritheme -- npx -y @veritheme/mcp-server
Yes — the in-browser theme builder lets you pick colors (light + dark), fonts, border radius, border width, and spacing scale, then download a ready-to-use CSS + JS bundle with your theme baked in, plus a matching theme.json for Figma.
Yes, out of the box. Add the .dark class to your <html> element and every component and token switches to its dark-mode value.
The public core lives on GitHub — open an issue or a pull request there. You can also reach out through the contact page for anything that isn't a code issue.