# 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/. 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 --- ![](https://images.unsplash.com/photo-1504093428647-19ae13b11ff2?q=80&w=2067&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D) # Builtforyouragent. Every screen a website needs, reachable over MCP. Search blocks, pieces and components…⌘K [NewPieces drop: settings, consent, catalogue, toolsSeptember 10, 2026](/changelog) ## Your agent’s favorite component library. 2095 blocks, 1076 pieces and 158 components for shadcn/ui and Tailwind. Install one with a command, or let your editor pull it in [over MCP](/docs/mcp). Either way the code is yours. Get startedGet started[See our plansSee our plans](/pricing) ## Full-page blocks, production-ready [Browse all blocksBrowse all blocks](/blocks) | Block | Title | Category | Access | Install | | ------------------------------- | ------------------------ | -------- | ------ | ----------------------------------------------- | | [logos18](/block/logos18) | Press Notes | Logos | Pro | npx shadcn add https://ui.beste.co/r/logos18 | | [pricing70](/block/pricing70) | Project Estimate Ledger | Pricing | Pro | npx shadcn add https://ui.beste.co/r/pricing70 | | [social51](/block/social51) | Press Mentions | Social | Pro | npx shadcn add https://ui.beste.co/r/social51 | | [faq69](/block/faq69) | FAQ With Contact | FAQ | Pro | npx shadcn add https://ui.beste.co/r/faq69 | | [feature278](/block/feature278) | Two Doors Tabs | Feature | Pro | npx shadcn add https://ui.beste.co/r/feature278 | | [showcase43](/block/showcase43) | Featured Project Dossier | Showcase | Pro | npx shadcn add https://ui.beste.co/r/showcase43 | ## Components, the primitives behind it all [Browse all componentsBrowse all components](/components) ### [Inspector Row](/component/inspector-row) The family's escape hatch: label on the left, whatever you hand it on the right, and the same surface, metrics and focus ring as every other row, so a control the family does not have yet still looks like it belongs. ### [Inspector Group](/component/inspector-group) The container the rows go in: a named, collapsible section that says what it is currently set to while it is closed, with an optional reset in its header. A drawer of twenty settings becomes a drawer of five groups. ### [Line Chart](/component/line-chart) Recharts line chart on the shadcn ChartContainer: multi-series lines with configurable curve, optional dots, active-dot hover, grid, y-axis, legend, and a theme-aware tooltip. Config-driven colors via --chart tokens. ### [Icon Button](/component/button4) An accessible icon button with a required label, three sizes, and circle or square shape. ### [Color Swatch Filter](/component/filter-swatch) Multi-select color circles for color filtering. Each option paints its own CSS color and stays accessible via screen-reader labels. ### [Product Teaser Card](/component/card26) A portrait product teaser card with brand header, availability footer, and a pill button for coming soon pages. ## Small pieces, ready to drop in [Browse all piecesBrowse all pieces](/pieces) ### [Event Ticket](/piece/ticket1) Ticket with event name, date, time, and seat on the main stub, and a dashed tear-off Admit One side. ### [Delivery Tracker](/piece/food4) Four-step delivery progress with icon tiles, a ringed active step, ETA pill, and a courier footer. ### [Learning Path](/piece/education25) Multi-course path card listing numbered steps, per-step hours, and a primary Path tag in the header. ### [Cart Drawer](/piece/commerce12) Mini cart panel with a count badge header, two item rows showing photo, name, quantity, and price, and a tone Checkout CTA next to the subtotal. ### [Social Post Card](/piece/socialproof27) A social post with an avatar, name and handle, a timestamp, the post body, and reply, repost, and like counts under a hairline. ### [Combobox](/piece/form18) Searchable single-select with a query bar above a filtered list and a check for the active row. (How it works) ## From browse to **build in seconds.** [Start browsingStart browsing](/blocks) ![](https://images.unsplash.com/photo-1562146398-1b732c203bc4?q=80&w=987&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D) 01 ### Browse Explore 2095+ blocks and 1076+ pieces across dozens of categories. ![](https://images.unsplash.com/photo-1536185752-9dc80dd63510?q=80&w=987&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D) 02 ### Copy Click to copy the install command. Each piece is self-contained with all required styles and logic. ![](https://images.unsplash.com/photo-1516247524857-8dc5f4786cb3?q=80&w=1035&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D) 03 ### Customize Tailwind CSS makes it easy to adjust colors, spacing, and typography to match your brand. (Questions) ## Everything about installing, licensing and owning the code. Still stuck on something specific? Open an issue on GitHub or ask on X. We read all of it. [Ask on XAsk on X](https://twitter.com/withbeste) ### 01What is Beste UI? ### 02How do I install a block or component? ### 03Do I need an account to copy code? ### 04What is the difference between Blocks and Pieces? ### 05Can I use these in commercial projects? ### 06Which frameworks and stacks are supported? ### 07How often are new blocks and components added? ### 08Do the Pro blocks work offline or after my license expires? ### 09Is there a referral program? Ship it · Ship it · Ship it · Ship it · Ship it · Ship it · Ship it · Ship it · Ship it · Ship it · Ship it · Ship it · Ship it · Ship it · Ship it · Ship it · (Start here) ## Everything you need is already built. 2095 blocks, 1076 pieces and 158 components for shadcn/ui and Tailwind. Install one with a command and the code is yours. [Browse the libraryBrowse the library](/blocks) Updated weekly. MIT for free, commercial licence for Pro. ## 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.