Personas & Use Cases

Who Uses Shavin UI?

Team Roles

Frontend Engineers

Enjoy strongly typed React components with CVA variant props, automatic Tailwind preset resolution, zero CSS drift, and clean single-path imports (@shavin/ui).

Product Designers

Rely on strict token hierarchies (24 accent colors, 5 gray scales, 5 radius tiers) and interactive live theme configurator previews for real-time design tokens.

AI Subagents & Coding Assistants

Interface directly via the Model Context Protocol (MCP) server for accurate component props, valid token choices, and zero-hallucination code generation.

SaaS Product Teams

Assemble complex web applications, dashboards, chat tools, and admin consoles using pre-built block layouts and WCAG 2.1 AAA accessible primitives.

Next Step: Discover the complete toolset in The Shavin Ecosystem .
Configure Theme
Theme
Accent Color
Custom
Gray Family
Appearance
Radius
Scaling
Panel Style
Heading Font
Body Font