Uptime Heartbeat
MonitoringThirty-tick history strip in the style of a status page, with pass, slow, and fail segments and a rolling availability number.
A living library of 1446 meticulously crafted blocks and 902 refined pieces — every one production-ready, and growing by the week.
Thirty-tick history strip in the style of a status page, with pass, slow, and fail segments and a rolling availability number.
Event invite bubble with title, date, time, attendee count, and Join / Maybe actions.
Validated field with an emerald ring, check mark, and a confirming note beneath.
Single-metric card with a large value, semantic delta pill that flips emerald for gains and rose for losses, and a comparison period.
Tiny gridded map panel with a centered tone pin, captioned by a place name and address line.
Sunrise and sunset times bracketing a thin track with an amber sun marker positioned by day progress.
ecommerce39
Customer rewards interface showing tier progress, redeemable benefits, points balance, and earning opportunities. Perfect for member portals and gamified retention programs.
feature119
Responsive grid of goal cards with percentage progress bars and labels. Excellent for OKR tracking, quarterly goals, or progress visualization.
education48
A study abroad hero section with destination image cards, program duration badges, and key features. Perfect for universities and international exchange programs.
usecase17
Card grid with background images that reveals detailed content on hover via smooth slide-up animation. Perfect for destination showcases or visual feature galleries.
hero37
Centered hero with four floating stat cards positioned around the content displaying key metrics. Perfect for analytics platforms and data-driven products.
devtools16
Background job queue monitor showing processed, pending, and failed counts with healthy, warning, and critical status indicators.
No npm install, no configuration. Just find what you need, copy the code, and customize it to match your project.
Explore 1446+ 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.
1446+ 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.