Documentation
Beste UI is a catalog of production-ready UI built on shadcn/ui and Tailwind CSS. Everything is copy-paste, framework-agnostic React, and installs straight into your project with the shadcn CLI, or through your AI agent over MCP.
What Beste UI is
Think of Beste UI as a well-organized shelf of UI you would otherwise build from scratch. Every item is a plain React component written for React 19, styled with Tailwind CSS v4, and built on the shadcn/ui primitives. There is no runtime dependency and no lock-in: when you install something, the source lands in your repository and it is yours to edit.
The catalog is split into three kinds of assets, from largest to smallest: blocks (whole sections), pieces (small composable parts), and components (enhanced primitives). Most landing pages are a stack of blocks; pieces and components fill in the details.
Two flavors: Radix and Base UI
shadcn/ui is moving its default primitive layer to Base UI. Every Beste asset ships in both flavors: a Base UI variant (served from /r-base/…, the default) and a Radix variant (/r/…). Pick whichever matches your stack; the markup and design are identical, only the underlying primitive differs. The install command on each asset page lets you switch flavor before you copy it.
How you install
Two paths, same result:
- shadcn CLI — copy the install command from any asset page and run it. See Installation and the CLI reference.
- AI agent (MCP) — connect the Beste MCP server to Cursor, Claude Code, Windsurf, or VS Code, then describe the UI you want in plain language.
Free and Pro
A large part of the catalog is free. Pro assets unlock with a one-time license and fund continued work on the library. Read Pricing & Pro for the why, the student discount, and how to request new blocks.