Queue Ticket
TicketTake-a-number stub with an oversized tabular call number and a footer of people ahead and estimated wait.
Take-a-number stub with an oversized tabular call number and a footer of people ahead and estimated wait.
Immunization log listing vaccines with date and optional lot, topped with a status summary pill.
Three stats side by side inside one card, separated by vertical dividers.
Centered long-form testimonial with author and company beneath. No quote marks icon, just typography.
Left-ruled clause card pairing a section chip with a heading, statutory body text, and a source footer.
Distributed trace timeline laying spans across a shared horizontal axis, each row labeled in monospace.
changelog3
Release feed cards with aligned change labels, summaries, and optional CTA buttons.
booking5
Staff/provider selection cards with avatar, name, specialty, star rating, review count, availability badge, experience years, and selected state. Grid layout with "Any Provider" option.
showcase17
Browser-chrome card pairing a syntax-highlighted code editor with a live test-results panel — pass/fail rows, expandable failures, and a coverage footer. Every label is editable; no media props required.
saas31
Career openings list with job title, department badge, location, and employment type. Perfect for company career pages with clickable job postings.
food7
Traditional menu with categorized sections, dietary badges (V, VG, GF), and a legend. Perfect for restaurant menus and food ordering pages.
hero20
Two-column carousel with animated content transitions, thumbnail strip navigation, and vertical progress indicator. Perfect for product showcases and feature highlights.
No npm install, no configuration. Just find what you need, copy the code, and customize it to match your project.
Explore 1115+ blocks and 902+ 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.
1115+ blocks and 902+ 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.