# Beste UI

> Production-ready shadcn/ui blocks, pages, pieces and components for React, Next.js and Tailwind CSS. Install any of them with the shadcn CLI, or let an AI agent search and install them over MCP. Most of the catalog is free; a one-time Pro license unlocks the rest.

Beste UI is made by [beste.co](https://beste.co), an opinionated block-based site builder. This site is the component catalog. Canonical host: https://ui.beste.co. Every page is also readable as Markdown: add `.md` to any address or send `Accept: text/markdown`. The long-form version of this file is https://ui.beste.co/llms-full.txt.

## Start here

- [Documentation](https://ui.beste.co/docs): What Beste UI is, the two primitive flavors, how you install, what is free and what is Pro.
- [Installation](https://ui.beste.co/docs/installation): Initialise shadcn/ui, install a block by URL or by `@beste-ui/name`, unlock Pro with an email and license key.
- [shadcn CLI reference](https://ui.beste.co/docs/cli): init, add and build, and the predictable registry URLs behind every asset.
- [Theming](https://ui.beste.co/docs/theming): CSS variables, the background/foreground convention, dark mode, radius and tones.
- [MCP server](https://ui.beste.co/docs/mcp): Connect Claude Code, Cursor, Windsurf or VS Code to https://ui.beste.co/api/mcp and search, compose and install in plain language.
- [Pricing and Pro](https://ui.beste.co/docs/pricing): Why Pro exists, what the license covers, the student discount, how to request an asset.
- [Pricing](https://ui.beste.co/pricing): Plans and checkout.
- [License](https://ui.beste.co/license): The full license text.
- [Changelog](https://ui.beste.co/changelog): Every release, newest first.
- [Blog](https://ui.beste.co/blog): Long-form posts on shadcn, theming, forms, MCP and the catalog.

## Catalog

- [Blocks](https://ui.beste.co/blocks): 2,095 full page sections in 48 categories. 168 are free, the rest are Pro.
- [Pages](https://ui.beste.co/pages): 23 whole pages composed from the blocks. One command installs a page and every block inside it.
- [Pieces](https://ui.beste.co/pieces): 1,059 small widgets in 45 categories that drop into the media slots of a block. Free.
- [Components](https://ui.beste.co/components): 157 styled primitives in 8 categories: buttons, badges, cards, text effects, inspector controls. Free.
- [Search](https://ui.beste.co/search): Search every tier by name or by describing what you need.

## Block categories

- [Feature](https://ui.beste.co/blocks/feature): 216 blocks. Highlight your product features with stunning layouts.
- [Hero](https://ui.beste.co/blocks/hero): 146 blocks. Eye-catching hero sections to make a strong first impression.
- [CTA](https://ui.beste.co/blocks/cta): 98 blocks. Conversion-focused call-to-action sections and banners.
- [FAQ](https://ui.beste.co/blocks/faq): 91 blocks. Interactive question-answer sections that expand on click. Perfect for support pages, knowledge bases, and product documentation.
- [About](https://ui.beste.co/blocks/about): 83 blocks. Company identity, mission statements, team grids, and trust-building sections.
- [Coming Soon](https://ui.beste.co/blocks/coming-soon): 81 blocks. Launch countdown pages and pre-launch components.
- [Pricing](https://ui.beste.co/blocks/pricing): 78 blocks. Pricing tables, plan comparisons, and subscription components.
- [Stats](https://ui.beste.co/blocks/stats): 78 blocks. Key metrics, counters, and achievement sections for social proof.
- [Post](https://ui.beste.co/blocks/post): 75 blocks. Blog post layouts and article components.
- [Legal](https://ui.beste.co/blocks/legal): 59 blocks. Legal and compliance UI components.
- [Workflow](https://ui.beste.co/blocks/workflow): 59 blocks. No-code automation and workflow builder UI components with live recipe assets.
- [Careers](https://ui.beste.co/blocks/careers): 58 blocks. Job listings, career pages, and open positions sections.
- [Auth](https://ui.beste.co/blocks/auth): 54 blocks. Sign in, sign up, and verification screens for authentication flows.
- [Navigation](https://ui.beste.co/blocks/navigation): 54 blocks. Navbar components and menus.
- [Showcase](https://ui.beste.co/blocks/showcase): 50 blocks. Interactive product showcases with hotspots and detailed views.
- [Footer](https://ui.beste.co/blocks/footer): 49 blocks. Footer sections with navigation, social links, and CTAs.
- [Blog](https://ui.beste.co/blocks/blog): 47 blocks. Blog list layouts and post grid components.
- [Onboarding](https://ui.beste.co/blocks/onboarding): 44 blocks. Onboarding pages and flows.
- [Use Case](https://ui.beste.co/blocks/use-case): 44 blocks. Showcase different use cases and applications of your product.
- [News](https://ui.beste.co/blocks/news): 43 blocks. Breaking news tickers, headline grids, and live feed sections. Perfect for news sites, dashboards, and content platforms.
- [Error](https://ui.beste.co/blocks/error): 39 blocks. Error pages that give the visitor a way forward: 404, 500, 403, maintenance and expired-link screens with search, suggested destinations, and support links.
- [Event](https://ui.beste.co/blocks/event): 37 blocks. Conference, workshop, and event landing page components.
- [Testimonial](https://ui.beste.co/blocks/testimonial): 37 blocks. Customer testimonials and social proof sections.
- [Ecommerce](https://ui.beste.co/blocks/ecommerce): 35 blocks. Shopping cart, product cards, and checkout components.
- [Social](https://ui.beste.co/blocks/social): 35 blocks. Social media and community UI components.
- [Changelog](https://ui.beste.co/blocks/changelog): 34 blocks. Release notes, version history, and product update sections.
- [Booking](https://ui.beste.co/blocks/booking): 33 blocks. Reservation flows, calendar pickers, time slot selectors, and booking confirmation components.
- [Portfolio](https://ui.beste.co/blocks/portfolio): 33 blocks. Personal portfolio and resume UI components.
- [DevTools](https://ui.beste.co/blocks/devtools): 31 blocks. Developer tools and API response examples.
- [Food](https://ui.beste.co/blocks/food): 29 blocks. Restaurant and food service UI components.
- [Gallery](https://ui.beste.co/blocks/gallery): 29 blocks. Photo galleries, masonry grids, lightboxes, and image carousels for visual pages.
- [Chat](https://ui.beste.co/blocks/chat): 28 blocks. AI chat interfaces, prompt playgrounds, and conversation UI components.
- [SaaS](https://ui.beste.co/blocks/saas): 21 blocks. SaaS dashboard and application UI components.
- [Travel](https://ui.beste.co/blocks/travel): 21 blocks. Travel and tourism focused UI components.
- [Education](https://ui.beste.co/blocks/education): 18 blocks. Educational platforms and learning management components.
- [Agency](https://ui.beste.co/blocks/agency): 16 blocks. Agency and creative studio UI components.
- [Bento](https://ui.beste.co/blocks/bento): 15 blocks. Bento grid layouts that mix multiple visual assets into a unified showcase.
- [Logos](https://ui.beste.co/blocks/logos): 14 blocks. Trusted-by logo clouds, client walls, and partner strips for social proof.
- [Dashboard](https://ui.beste.co/blocks/dashboard): 13 blocks. Application UI for admin panels: sidebars, topbars, KPI rows, data tables, charts, and activity feeds.
- [Reveal](https://ui.beste.co/blocks/reveal): 13 blocks. Before/after comparisons and reveal animations.
- [Health](https://ui.beste.co/blocks/health): 12 blocks. Health and wellness focused UI components.
- [Product](https://ui.beste.co/blocks/product): 12 blocks. Product showcase and introduction sections that present features, details, and value: no cart or checkout.
- [Podcast](https://ui.beste.co/blocks/podcast): 11 blocks. Podcast and audio content UI components.
- [Fitness](https://ui.beste.co/blocks/fitness): 5 blocks. Fitness and gym focused UI components.
- [Product List](https://ui.beste.co/blocks/product-list): 5 blocks. Filterable, sortable, and paginated product listing sections with sidebar filters for shop category pages.
- [Settings](https://ui.beste.co/blocks/settings): 5 blocks. Account settings, billing, and preferences components.
- [Crypto](https://ui.beste.co/blocks/crypto): 4 blocks. Cryptocurrency and Web3 focused UI components.
- [Terminal](https://ui.beste.co/blocks/terminal): 3 blocks. Terminal-style components with typewriter animations.

## Collections

Sets of blocks that share one design language, so a whole site reads as one piece.

- [Altair](https://ui.beste.co/blocks/collection/altair): 160 blocks. Full-height photography that drifts under the page, serif headlines that settle in word by word, soft light and film grain, and gently rounded pills. Calm, fluid pages for practices built on care.
- [Auralis](https://ui.beste.co/blocks/collection/auralis): 265 blocks. Oversized display type on monochrome surfaces, with a monospace parenthetical eyebrow and a pill CTA that carries its own seal. Editorial layouts for studio, agency and portfolio sites.
- [Polaris](https://ui.beste.co/blocks/collection/polaris): 247 blocks. A square accent eyebrow over bold uppercase labels, hairline rules under every section header, and a two-tone seal button. Structured, high-contrast layouts for creative studios.
- [Sirius](https://ui.beste.co/blocks/collection/sirius): 221 blocks. Light-weight display headings on white, a single accent colour, and media tiles that float a live piece of product UI. Calm, spacious pages for a modern SaaS.

## For agents

- [MCP endpoint](https://ui.beste.co/api/mcp): Streamable HTTP. Tools: search_blocks, get_block, get_block_source, list_categories, list_collections, install_block, compose_page. No key needed except for Pro sources.
- [Registry index](https://ui.beste.co/r/registry.json): Every block as a shadcn registry item. Base UI flavor at https://ui.beste.co/r-base/registry.json.
- [Markdown](https://ui.beste.co/index.md): This site as Markdown, one page at a time.
- [Full guide](https://ui.beste.co/llms-full.txt): Installation, pricing, MCP and the catalog in detail.

## Optional

- [Free tools](https://ui.beste.co/tools): 72 browser-based developer tools in 11 categories. No signup, nothing uploaded.
- [GitHub](https://github.com/beste-co/beste-ui): Source and issues.
- [X](https://x.com/withbeste): Release notes and questions.
- [RSS](https://ui.beste.co/rss.xml): The changelog as a feed.
- [Sitemap](https://ui.beste.co/sitemap.xml): Every canonical URL on the site.