Manti UI Theme Studio

Build a Manti UI theme by moving sliders instead of guessing hex codes. Pick a color, drag the roundness, retype the whole system, and watch a real product surface re-skin as you go: an app bar, stat cards, a form, a sortable table, overlays, alerts, a calendar.

What you can tune:

A base color per variant (primary, secondary, tertiary, success, info, danger), each expanded into the full --variant-* role vocabulary
The single neutral hue behind every gray, surface, border and text role, plus light and dark
One radius factor rescaling the whole xs to 2xl ramp
Font stack, base text size, spacing density, focus ring width

When it looks right, the studio hands the theme over as CSS tokens, as a prompt for your coding agent, as JSON, or as a shareable link. Every knob is a public token override, so the exported CSS is exactly what the preview is running.

The studio itself needs JavaScript. Read the Manti UI docs · Browse the components · GitHub