Belin is a live theme editor for shadcn/ui — the components you own, on Base UI, styled with Tailwind. Design your system in the browser, then download it as a kit: theme, components, and a Claude skill in one zip. Unzip it into a project and the AI builds with your tokens, your text styles, your rules.
Primitives hold raw values. Semantics give them meaning. Change a primitive once and every component that references it updates automatically.
Edit colors, typography, spacing, and radius directly in the panel on the right. WCAG contrast is checked live. Nothing commits until you're happy.
Export your whole theme — colors, type, spacing, text styles, and every component. Download JSON to re-import here, or CSS to drop straight into another project.
Customize every component's colors, padding, and text. Variants are named and travel with the theme export — any project that loads the theme gets the same definition.
16 named text styles, each fully editable: family, size, weight, line height, color. Changes apply across the whole site instantly.
A full-featured table with 20 column types, sticky headers, sort cycling, and mobile expand rows. Cell padding, typography, and colors are all customizable.