Route Card
LocationVertical origin to destination route with emerald and rose dots joined by a connector, plus distance and duration.
Vertical origin to destination route with emerald and rose dots joined by a connector, plus distance and duration.
Three-column data table with a sort arrow on the active column and monospaced right-aligned amounts in each row.
Gaming movement cluster with W on top and A S D on the second row, lighting the active key in primary.
Menu row with a warm gradient thumbnail, dish name and price pair, description, and dietary tag chips.
Pill-shaped hero search bar with an embedded solid CTA button and a helper caption below.
CLI code line with a chevron prefix and a copy button that flips to a check.
crypto24
Governance proposal cards with for/against vote bars and quorum progress. Status badges (active, passed, rejected), countdown timers, and proposer addresses.
news16
Compact quick news list with bullet points, source attribution, and external link indicators. Perfect for news digests.
post32
Article with text selection and highlighting feature allowing readers to save key quotes. Great for reference material or learning content.
fitness39
Program grid with images, duration, frequency, skill level, and enrollment buttons. Perfect for fitness program catalogs and workout plan selection.
stats16
Full-width video background with dark overlay and translucent glassmorphism stat cards. Immersive hero-style stats section.
hero38
Two-column hero with prominent testimonial quote card featuring author avatar and company info. Perfect for building trust and social proof.
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.