Inline Hint Pill
KeyboardRounded pill that embeds a keycap between prefix and suffix copy for quick prompts.
Rounded pill that embeds a keycap between prefix and suffix copy for quick prompts.
Classic cassette silhouette with a colored label strip, two spoked hubs, and a tape window.
A large headline number over a short caption. Minimal, text-only proof of scale.
Quarterly roadmap strip with violet-ringed milestone dots spaced along a rail and labels underneath.
Segmented zoom control with minus, a monospace percentage readout, and plus.
Authority list panel where each citation sits on an amber-ruled block with court and holding lines.
news20
Classic newspaper front page layout with masthead, headline hierarchy, three-column text, and drop caps.
terminal2
Two-column layout with marketing content and a static code snippet display with copy functionality. Perfect for developer tool landing pages or CLI documentation sections.
careers24
First 90 days onboarding timeline with phase cards and activity checklists. Shows new hires what to expect from orientation to ownership.
health1
Health metrics dashboard displaying vital signs like heart rate, blood oxygen, activity, and sleep with trend indicators. Perfect for wellness apps and health tracking platforms.
legal9
Shows copyright notice, trademark attributions, and links to legal pages. Perfect for website footers requiring comprehensive legal information.
booking4
Service selection grid with category filter tabs, service cards showing icon, name, description, duration, price, and selected state. Ideal for spa, salon, clinic, and fitness booking flows.
No npm install, no configuration. Just find what you need, copy the code, and customize it to match your project.
Explore 1091+ blocks and 823+ pieces across dozens of categories.
Click to copy the install command. Each piece is self-contained with all required styles and logic.
Tailwind CSS makes it easy to adjust colors, spacing, and typography to match your brand.
Landing pages, dashboards, e-commerce, and more.
Everything about installing, licensing, and customizing Beste UI.
Beste UI is a curated collection of React blocks and components built with Tailwind CSS and shadcn/ui. Every piece is self-contained, accessible, and designed to be copied into your codebase and customized to match your project. You own the source after you install it, so there is no runtime dependency on Beste and no upgrade path to fight through.
Every block and component ships with a one-line install command that uses the shadcn CLI. Pick the package manager you use (npm, pnpm, yarn, or bun) from the dropdown next to the command, click the command to copy it, and paste it into your terminal from the project root. The CLI writes the files into your components directory, registers any shadcn primitives it depends on, and installs the required npm packages for you.
No account is required for free blocks and components. You can copy the install command or the source directly and use it in any project. Pro blocks require a Beste UI license, which you can purchase from the Pricing page. Once you sign in with the email on your license, the install command on Pro blocks is automatically upgraded to include your license key so the CLI can fetch the unobfuscated source.
Blocks are full page sections such as heroes, feature grids, pricing tables, testimonials, and CTAs. They are designed to drop directly into a page and look complete without additional styling. Pieces are smaller composable widgets such as URL pills, status indicators, and mini cards. They are meant to live inside a block or wherever you want a small, reusable piece of UI.
Yes. Free blocks and components are MIT licensed, so you can use them in commercial client work, internal tools, and products without additional permission. Pro blocks include a commercial license that covers unlimited projects for the purchasing individual or team. Redistribution of Pro source in a public template or competing registry is not allowed.
The source is written for React 19 with Next.js in mind, but every piece is a plain React component that works wherever React runs. Tailwind CSS v4 and the shadcn/ui primitives are the only required dependencies. The install command assumes a project already initialized with shadcn (run `npx shadcn@latest init` once if you have not).
The registry grows weekly. New additions are announced on the Changelog page and on X. If you have ideas for a block or category you want to see covered, open an issue on GitHub or reach out on X. Popular requests make their way into the registry.
Yes. Once the shadcn CLI has copied the files into your project, the code lives in your repository and works the same as any other file you wrote. Your license unlocks future downloads and updates, but existing installs keep working even if you let your license lapse.
1091+ blocks and 823+ pieces, production-ready.
Use these blocks in our composition-first website builder. Select blocks, customize content with our built-in CMS, and ship professional websites without writing code.