Question 1

What is shads.app?

Accepted Answer

shads.app is a visual theme builder for shadcn/ui. Design tokens in the browser, preview them on real components, then export CSS, theme.json, or a shadcn registry install command.

Question 2

How do I install a shads.app theme in a shadcn/ui project?

Accepted Answer

Run npx shadcn@latest add https://shads.app/r/workspace-theme.json or npx @shadsapp/cli install -t workspace.

Question 3

How do AI agents use shads.app?

Accepted Answer

Install the MCP server with npx -y @shadsapp/mcp. It can list starter themes, fetch theme.json and CSS, and validate documents.

Question 4

How much does shads.app Pro cost?

Accepted Answer

Pro is $12/month and adds unlimited cloud saves and shares, up to 500 hosted AI generations per month, readonly share links, version history, W3C token export, CSS import, custom Google Fonts, and the Chrome extension beta.