# 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 157 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 | | ----------------------------------- | ----------------------- | ---------- | ------ | ------------------------------------------------- | | [feature291](/block/feature291) | Photo Tiles | Feature | Pro | npx shadcn add https://ui.beste.co/r/feature291 | | [reveal3](/block/reveal3) | Manifesto Scroll Reveal | Reveal | Pro | npx shadcn add https://ui.beste.co/r/reveal3 | | [about68](/block/about68) | Team Portrait Grid | About | Pro | npx shadcn add https://ui.beste.co/r/about68 | | [navbar46](/block/navbar46) | Submenu Navbar | Navigation | Pro | npx shadcn add https://ui.beste.co/r/navbar46 | | [hero186](/block/hero186) | Half Photo Hero | Hero | Pro | npx shadcn add https://ui.beste.co/r/hero186 | | [portfolio115](/block/portfolio115) | Recent Work List | Portfolio | Pro | npx shadcn add https://ui.beste.co/r/portfolio115 | ## Components, the primitives behind it all [Browse all componentsBrowse all components](/components) ### [Book Cover Card](/component/card19) A 3D book cover card that swings open on hover to reveal page edges for ebooks, guides, and lead magnets. ### [Inspector Note](/component/inspector-note) The line of prose that belongs between rows: what a setting is for, why one is switched off, what a value will cost. Four tones, each with its own mark, and the same text size as the rows around it. ### [Running Line](/component/text15) A single line of text that runs across its container without end, fading at both edges and pausing under the pointer. Small caps for announcements, tracked serif for statements. ### [Radial Chart](/component/radial-chart) Recharts radial gauge on the shadcn ChartContainer: a single value plotted as a proportional ring with a muted track and a centered percentage plus caption. Ideal for progress, targets, and completion rates. ### [Strike and Replace](/component/text19) A sentence that corrects itself: a line is drawn through the old word from left to right, and the better word settles in beside it out of a soft blur. ### [Area Chart](/component/area-chart) Recharts area chart on the shadcn ChartContainer: multi-series with per-series gradient fills, optional stacking, grid, y-axis, legend, and a theme-aware tooltip. Config-driven colors via --chart tokens. ## Small pieces, ready to drop in [Browse all piecesBrowse all pieces](/pieces) ### [Weather Card](/piece/weather1) City name, big temperature, condition label, and a high/low line with an icon tile that colors by condition. ### [Album Cover](/piece/media4) Square artwork with a bold title and artist name below. Gradient tone fallback when no image. ### [Order Receipt](/piece/food5) Itemized food order receipt with qty-by-name lines, a subtotal/delivery/tip breakdown, and bold total. ### [Bar Race](/piece/chart9) Horizontal bars whose values keep drifting, so rows glide up and down to their new rank while the bars stretch and shrink underneath. ### [Price Ticker](/piece/money27) Three market rows that drift on a random walk, each updated price flashing green or red for a beat while its percent pill pops to the new value. ### [Trigger Picker](/piece/automation11) App picker with a search input, Popular section header, and a four-up grid of app tiles showing logo photo and name. (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 157 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.