# 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/blocks/showcase. 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

---
# [Blocks](/blocks)/Showcase(50)

Interactive product showcases with hotspots and detailed views.

Showcase(50)All collections(50)Newest first

1–24 of 50

| Block                           | Title                                | Category | Access | Install                                         |
| ------------------------------- | ------------------------------------ | -------- | ------ | ----------------------------------------------- |
| [showcase53](/block/showcase53) | Linked Alternating Slabs             | Showcase | Pro    | npx shadcn add https://ui.beste.co/r/showcase53 |
| [showcase52](/block/showcase52) | Linked Programme Cards               | Showcase | Pro    | npx shadcn add https://ui.beste.co/r/showcase52 |
| [showcase51](/block/showcase51) | Two Case Studies                     | Showcase | Pro    | npx shadcn add https://ui.beste.co/r/showcase51 |
| [showcase50](/block/showcase50) | Downloadable Resource Cards          | Showcase | Pro    | npx shadcn add https://ui.beste.co/r/showcase50 |
| [showcase49](/block/showcase49) | Quick Actions Showcase               | Showcase | Pro    | npx shadcn add https://ui.beste.co/r/showcase49 |
| [showcase48](/block/showcase48) | Connected Flow Pipeline              | Showcase | Pro    | npx shadcn add https://ui.beste.co/r/showcase48 |
| [showcase47](/block/showcase47) | Layered Product Scene                | Showcase | Pro    | npx shadcn add https://ui.beste.co/r/showcase47 |
| [showcase46](/block/showcase46) | Tabbed Product Tour                  | Showcase | Pro    | npx shadcn add https://ui.beste.co/r/showcase46 |
| [showcase45](/block/showcase45) | Alternating Asset Rows               | Showcase | Pro    | npx shadcn add https://ui.beste.co/r/showcase45 |
| [showcase43](/block/showcase43) | Featured Project Dossier             | Showcase | Pro    | npx shadcn add https://ui.beste.co/r/showcase43 |
| [showcase42](/block/showcase42) | Mosaic Frame Gallery                 | Showcase | Pro    | npx shadcn add https://ui.beste.co/r/showcase42 |
| [showcase41](/block/showcase41) | Editorial Project Index              | Showcase | Pro    | npx shadcn add https://ui.beste.co/r/showcase41 |
| [showcase40](/block/showcase40) | UI Bento Showcase                    | Showcase | Pro    | npx shadcn add https://ui.beste.co/r/showcase40 |
| [showcase39](/block/showcase39) | Tabbed Showcase                      | Showcase | Pro    | npx shadcn add https://ui.beste.co/r/showcase39 |
| [showcase38](/block/showcase38) | Sticky Showcase                      | Showcase | Pro    | npx shadcn add https://ui.beste.co/r/showcase38 |
| [showcase37](/block/showcase37) | Showcase Scroller                    | Showcase | Pro    | npx shadcn add https://ui.beste.co/r/showcase37 |
| [showcase36](/block/showcase36) | Annotated Showcase                   | Showcase | Pro    | npx shadcn add https://ui.beste.co/r/showcase36 |
| [showcase35](/block/showcase35) | Migration Before And After           | Showcase | Pro    | npx shadcn add https://ui.beste.co/r/showcase35 |
| [showcase34](/block/showcase34) | Polyglot Code Comparison             | Showcase | Pro    | npx shadcn add https://ui.beste.co/r/showcase34 |
| [showcase33](/block/showcase33) | Regex Pattern Tester                 | Showcase | Pro    | npx shadcn add https://ui.beste.co/r/showcase33 |
| [showcase32](/block/showcase32) | GraphQL Query Plus Response          | Showcase | Pro    | npx shadcn add https://ui.beste.co/r/showcase32 |
| [showcase31](/block/showcase31) | TypeScript Types Plus Usage          | Showcase | Pro    | npx shadcn add https://ui.beste.co/r/showcase31 |
| [showcase30](/block/showcase30) | Live Spreadsheet With Formula Bar    | Showcase | Pro    | npx shadcn add https://ui.beste.co/r/showcase30 |
| [showcase29](/block/showcase29) | AI Workspace With Streaming Response | Showcase | Pro    | npx shadcn add https://ui.beste.co/r/showcase29 |

* Page 1 of 3
* [1](/blocks/showcase)
* [2](/blocks/showcase?page=2)
* [3](/blocks/showcase?page=3)

## 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.