# Beste UI > Beautiful, accessible blocks, pieces and components for shadcn/ui and Tailwind CSS, built for React and Next.js. Install one with the shadcn CLI and the code is yours to edit: no runtime dependency, nothing to upgrade. Markdown rendition of https://ui.beste.co/components. Every page on the site has one: add `.md` to any address, or send `Accept: text/markdown`. Whole catalog for LLMs: https://ui.beste.co/llms.txt. Registry index: https://ui.beste.co/r/registry.json --- # Components(137) Design system primitives: buttons, badges and other building blocks our sections are composed from. Install one and reuse it across your whole project. All categories(137)Newest first 1–24 of 137 | Component | Title | Category | Install | | ------------------------------------------------------- | -------------------- | --------- | ------------------------------------------------------------------- | | [inspector-variants](/component/inspector-variants) | Inspector Variants | Inspector | npx shadcn add https://ui.beste.co/component/r/inspector-variants | | [inspector-unit](/component/inspector-unit) | Inspector Unit | Inspector | npx shadcn add https://ui.beste.co/component/r/inspector-unit | | [inspector-transition](/component/inspector-transition) | Inspector Transition | Inspector | npx shadcn add https://ui.beste.co/component/r/inspector-transition | | [inspector-tracks](/component/inspector-tracks) | Inspector Tracks | Inspector | npx shadcn add https://ui.beste.co/component/r/inspector-tracks | | [inspector-toggles](/component/inspector-toggles) | Inspector Toggles | Inspector | npx shadcn add https://ui.beste.co/component/r/inspector-toggles | | [inspector-textarea](/component/inspector-textarea) | Inspector Textarea | Inspector | npx shadcn add https://ui.beste.co/component/r/inspector-textarea | | [inspector-tags](/component/inspector-tags) | Inspector Tags | Inspector | npx shadcn add https://ui.beste.co/component/r/inspector-tags | | [inspector-tabs](/component/inspector-tabs) | Inspector Tabs | Inspector | npx shadcn add https://ui.beste.co/component/r/inspector-tabs | | [inspector-switch](/component/inspector-switch) | Inspector Switch | Inspector | npx shadcn add https://ui.beste.co/component/r/inspector-switch | | [inspector-stepper](/component/inspector-stepper) | Inspector Stepper | Inspector | npx shadcn add https://ui.beste.co/component/r/inspector-stepper | | [inspector-spacing](/component/inspector-spacing) | Inspector Spacing | Inspector | npx shadcn add https://ui.beste.co/component/r/inspector-spacing | | [inspector-slider](/component/inspector-slider) | Inspector Slider | Inspector | npx shadcn add https://ui.beste.co/component/r/inspector-slider | | [inspector-shortcut](/component/inspector-shortcut) | Inspector Shortcut | Inspector | npx shadcn add https://ui.beste.co/component/r/inspector-shortcut | | [inspector-shadow](/component/inspector-shadow) | Inspector Shadow | Inspector | npx shadcn add https://ui.beste.co/component/r/inspector-shadow | | [inspector-select](/component/inspector-select) | Inspector Select | Inspector | npx shadcn add https://ui.beste.co/component/r/inspector-select | | [inspector-segmented](/component/inspector-segmented) | Inspector Segmented | Inspector | npx shadcn add https://ui.beste.co/component/r/inspector-segmented | | [inspector-secret](/component/inspector-secret) | Inspector Secret | Inspector | npx shadcn add https://ui.beste.co/component/r/inspector-secret | | [inspector-scrub](/component/inspector-scrub) | Inspector Scrub | Inspector | npx shadcn add https://ui.beste.co/component/r/inspector-scrub | | [inspector-row](/component/inspector-row) | Inspector Row | Inspector | npx shadcn add https://ui.beste.co/component/r/inspector-row | | [inspector-range](/component/inspector-range) | Inspector Range | Inspector | npx shadcn add https://ui.beste.co/component/r/inspector-range | | [inspector-position](/component/inspector-position) | Inspector Position | Inspector | npx shadcn add https://ui.beste.co/component/r/inspector-position | | [inspector-note](/component/inspector-note) | Inspector Note | Inspector | npx shadcn add https://ui.beste.co/component/r/inspector-note | | [inspector-multicolor](/component/inspector-multicolor) | Inspector Multicolor | Inspector | npx shadcn add https://ui.beste.co/component/r/inspector-multicolor | | [inspector-meter](/component/inspector-meter) | Inspector Meter | Inspector | npx shadcn add https://ui.beste.co/component/r/inspector-meter | * Page 1 of 6 * [1](/components) * [2](/components?page=2) * [3](/components?page=3) * [4](/components?page=4) * [5](/components?page=5) * [6](/components?page=6) ## Ship the interface, keep the code. New blocks, pieces and components every week. Install one with a command and it is yours to edit. No runtime dependency, no upgrade path to fight. [Browse the libraryBrowse the library](/blocks)[See pricingSee pricing](/pricing) ### Library * [Blocks](/blocks) * [Pages](/pages) * [Pieces](/pieces) * [Components](/components) * [Search](/search) ### Learn * [Docs](/docs) * [AI & MCP](/docs/mcp) * [Blog](/blog) * [Free tools](/tools) * [What's new?](/changelog) * [Website Builder](https://beste.co) ### More * [Pricing](/pricing) * [Referrals](/referrals) * [License](/license) * [GitHub](https://github.com/beste-co/beste-ui) ### Shadcn Blocks * [Shadcn Hero Blocks](/blocks/hero) * [Shadcn Feature Blocks](/blocks/feature) * [Shadcn Pricing Blocks](/blocks/pricing) * [Shadcn CTA Blocks](/blocks/cta) * [Shadcn FAQ Blocks](/blocks/faq) * [Shadcn About Blocks](/blocks/about) * [Shadcn Stats Blocks](/blocks/stats) * [Shadcn Footer Blocks](/blocks/footer) * [Shadcn Navigation Blocks](/blocks/navigation) * [Shadcn Auth Blocks](/blocks/auth) * [Shadcn Ecommerce Blocks](/blocks/ecommerce) * [Shadcn Portfolio Blocks](/blocks/portfolio) * [Shadcn Showcase Blocks](/blocks/showcase) * [Shadcn Careers Blocks](/blocks/careers) * [Shadcn Onboarding Blocks](/blocks/onboarding) * [Shadcn Coming Soon Blocks](/blocks/coming-soon) * [Shadcn Post Blocks](/blocks/post) * [Shadcn Legal Blocks](/blocks/legal) * [Shadcn Workflow Blocks](/blocks/workflow) * [Shadcn News Blocks](/blocks/news) © 2026, [Beste](https://beste.co). All rights reserved.