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

---
# Pages(23)

Complete, ready-to-ship screens composed from the block catalogue. Install a page and get every block, piece and primitive behind it in one command.

All categories(23)All collections(23)

1–12 of 23

[](/page/contact1)

PRO

contact1

### Studio Contact Page

A contact page for a studio that answers before you write: masthead navbar, a contact panel with the address and reply time, a FAQ with a booking aside, three rated accounts of the first call, and a mega footer.

[](/page/exhibition1)

PRO

exhibition1

### Gallery Exhibition Page

An exhibition page for a working studio: a navbar running the visiting details as a marquee, a framed poster hero, a salon wall hang with a lightbox, an archive ledger of works by year, a visiting FAQ, a framed closing invitation and a footer showing whether the room is open right now.

[](/page/home1)

PRO

home1

### Care Platform Home

A full marketing home page for a light editorial SaaS: pill navbar, split hero with a full-bleed image band, an interactive capability selector, outcome metrics, an editorial quote with proof, a closing call to action, and a newsletter footer.

[](/page/home2)

PRO

home2

### Design Studio Home

A monochrome studio home page: a navbar carrying availability and contact details, a split-screen statement hero with a full-height photograph, a ruled project index, an oversized client quote, a booking panel with engagement details, and an oversized wordmark footer.

[](/page/home3)

PRO

home3

### Creative Agency Home

A high-contrast agency home page: masthead navbar with status and location, a hero with twin scrolling image reels, a four-phase process flow, a project showcase grid, a rotating client quote, a statement call to action, and a footer that opens with its own CTA.

[](/page/jobs1)

PRO

jobs1

### Studio Careers Page

A careers page in seven sections: a hiring hero with the open roles listed, a culture band with studio photographs, an icon grid of benefits, a roles table with published pay bands, the hiring process step by step, an open-application call to action and a CTA footer.

[](/page/landing1)

PRO

landing1

### Type Release Landing

A single-page product launch for a typeface: a poster navbar anchored to every section below it, a fact-led hero, a centred manifesto, a ruled index of the work it is set in, three licence tiers, a buyer's FAQ, an inverted newsletter band and a ruled index footer that repeats the same anchors.

[](/page/landing2)

PRO

landing2

### Studio One-Page Landing

A whole studio on one page: a mega navbar whose panel and links are anchors into the page itself, a cross-fading photo hero, a stats-led studio band, a capabilities accordion with lead times and figures, a two-row quote marquee, an inverted closing panel and a contact footer that repeats the anchors.

[](/page/landing3)

PRO

landing3

### Workshop Campaign Landing

A single-page campaign for a two-day workshop: a tab bar navbar whose tabs are the sections below it, a cinematic hero with the date, a four-tab agenda with a photograph per half day, one ticket price with three add-ons, four accounts from past attendees, a booking FAQ and a newsletter footer carrying the same anchors.

[](/page/landing4)

PRO

landing4

### Agency One-Page Landing

A whole agency on one page: a floating card navbar anchored to the sections below it, an editorial split hero closing on a client strip, a stats-led studio band, four projects with what each was for, an inverted band of client-reported numbers, an inline contact form and a mega footer repeating the anchors.

[](/page/landing5)

PRO

landing5

### Switching Campaign Landing

A single-page switching campaign: an announcement navbar anchored to the sections below it, a hero floating a live saving calculation, an evidence band with the method written out, five objections answered with proof against each, two closing paths on an inverted band, and a footer carrying the same anchors.

[](/page/landing6)

PRO

landing6

### Multi-Site Group Landing

A single page aimed at multi-site groups: a capsule navbar anchored to the sections below it, a full-bleed hero floating a live intake figure, three site cards showing what stays local, the daily weekly and monthly cadence written out, an inverted customer quote with a rating, four documents to read before booking, and a minimal footer carrying the same anchors.

* Page 1 of 2
* [1](/pages)
* [2](/pages?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 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.