# 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://beste.dev/blocks/tag/showcase. Every page on the site has one: add `.md` to any address, or send `Accept: text/markdown`. Whole catalog for LLMs: https://beste.dev/llms.txt. Registry index: https://beste.dev/r/registry.json --- 1. / 2. [Blocks](/blocks) 3. / 4. showcase # showcase blocks 73 production-ready showcase blocks across these categories: [Bento](/blocks/bento)[Product](/blocks/product)[Use Case](/blocks/use-case) | Block | Title | Category | Access | Install | | ----------------------------- | ----------------------------------- | -------- | ------ | -------------------------------------------- | | [usecase63](/block/usecase63) | Studio Disciplines As A Poster Wall | Use Case | Pro | npx shadcn add https://beste.dev/r/usecase63 | | [bento16](/block/bento16) | Isometric Scene Bento | Bento | Pro | npx shadcn add https://beste.dev/r/bento16 | | [usecase62](/block/usecase62) | Three Linked Paths | Use Case | Pro | npx shadcn add https://beste.dev/r/usecase62 | | [usecase61](/block/usecase61) | Linked Story Cards | Use Case | Pro | npx shadcn add https://beste.dev/r/usecase61 | | [usecase60](/block/usecase60) | Two Linked Directories | Use Case | Pro | npx shadcn add https://beste.dev/r/usecase60 | | [usecase59](/block/usecase59) | Linked Situation Rows | Use Case | Pro | npx shadcn add https://beste.dev/r/usecase59 | | [usecase58](/block/usecase58) | Linked Setting Tiles | Use Case | Pro | npx shadcn add https://beste.dev/r/usecase58 | | [usecase57](/block/usecase57) | Linked Audience Cards | Use Case | Pro | npx shadcn add https://beste.dev/r/usecase57 | | [usecase56](/block/usecase56) | Audience Tabs | Use Case | Pro | npx shadcn add https://beste.dev/r/usecase56 | | [usecase55](/block/usecase55) | Is This You | Use Case | Pro | npx shadcn add https://beste.dev/r/usecase55 | | [usecase54](/block/usecase54) | Four Situations | Use Case | Pro | npx shadcn add https://beste.dev/r/usecase54 | | [bento15](/block/bento15) | Practice Bento | Bento | Pro | npx shadcn add https://beste.dev/r/bento15 | | [bento14](/block/bento14) | Publication Hub Mosaic | Bento | Pro | npx shadcn add https://beste.dev/r/bento14 | | [product12](/block/product12) | Live Made To Order Configurator | Product | Free | npx shadcn add https://beste.dev/r/product12 | | [bento13](/block/bento13) | Onboarding Mosaic | Bento | Pro | npx shadcn add https://beste.dev/r/bento13 | | [bento12](/block/bento12) | Evidence Mosaic | Bento | Pro | npx shadcn add https://beste.dev/r/bento12 | | [bento11](/block/bento11) | Product Surface Mosaic | Bento | Pro | npx shadcn add https://beste.dev/r/bento11 | | [usecase53](/block/usecase53) | Single Case Photo Story | Use Case | Pro | npx shadcn add https://beste.dev/r/usecase53 | | [usecase52](/block/usecase52) | Placement Mosaic Grid | Use Case | Pro | npx shadcn add https://beste.dev/r/usecase52 | | [usecase51](/block/usecase51) | Two Route Photo Columns | Use Case | Pro | npx shadcn add https://beste.dev/r/usecase51 | | [usecase50](/block/usecase50) | A Day In The Tool | Use Case | Pro | npx shadcn add https://beste.dev/r/usecase50 | | [usecase49](/block/usecase49) | Audience Tabs With Photo | Use Case | Pro | npx shadcn add https://beste.dev/r/usecase49 | | [usecase48](/block/usecase48) | Stacked Photo Bands | Use Case | Pro | npx shadcn add https://beste.dev/r/usecase48 | | [usecase47](/block/usecase47) | Job Index With Image Panel | Use Case | Pro | npx shadcn add https://beste.dev/r/usecase47 | Page 1 of 4[Next ](/blocks/tag/showcase?page=2) ## 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 library](/blocks)[See pricing](/pricing) Questions, feedback or a custom request? Write to [\[email protected\]](/cdn-cgi/l/email-protection#3b535e5757547b595e484f5e155854). We answer every email. ### 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) * [llms.txt](/llms.txt) * [Contact](/cdn-cgi/l/email-protection#167e737a7a79567473656273387579) * [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.