Introduction
Prodular UI is the UI foundation for AI-built software: one interface system that you and your coding agent build on, so every screen of your product looks and works like the same product.
What is in it
153 components built on shadcn/ui and Base UI, 21 complete SaaS screens with their empty, loading and error states, tokens and ten themes in light and dark, and a Figma library on the same variables. Everything installs into your repo as source you own.
Why build on a system
A coding agent can write a good screen. Without a shared foundation it decides spacing, colour, components and states again for every screen, and the product drifts. With Prodular UI the agent reuses the same tokens, components and patterns, and spends its effort on the feature.
Made for coding agents
152 of 153 components ship rules written for agents: which props are required, which variant fits which case, what accessibility needs. Claude Code, Cursor or any other agent reads them from llms.txt, and through the Prodular UI MCP server it can find components and screens, install them and check its own code. See AI ready.
Start
Set up tokens, fonts and the theme in any React project with Tailwind CSS v4, then add what you need. Full steps are in Installation.
npx prodular-ui initnpx prodular-ui add dashboard