# 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/header. 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. header # header blocks 291 production-ready header blocks across these categories: [Hero](/blocks/hero)[Navbar](/blocks/navigation) | Block | Title | Category | Access | Install | | ------------------------- | ------------------------------------------- | -------- | ------ | ------------------------------------------ | | [hero286](/block/hero286) | Sunlit Wall Hero With Glass Booking Cards | Hero | Pro | npx shadcn add https://beste.dev/r/hero286 | | [hero285](/block/hero285) | Studio Hero With Notched Poster Stage | Hero | Pro | npx shadcn add https://beste.dev/r/hero285 | | [hero284](/block/hero284) | Split Hero With Floating Prompt Composer | Hero | Pro | npx shadcn add https://beste.dev/r/hero284 | | [hero283](/block/hero283) | Paper Landscape Hero With Impact Cards | Hero | Pro | npx shadcn add https://beste.dev/r/hero283 | | [hero282](/block/hero282) | Retouching Hero With Before And After Stage | Hero | Pro | npx shadcn add https://beste.dev/r/hero282 | | [hero281](/block/hero281) | Calm Hero With Floating Session Player | Hero | Pro | npx shadcn add https://beste.dev/r/hero281 | | [hero280](/block/hero280) | Split Hero With Marble Stage | Hero | Pro | npx shadcn add https://beste.dev/r/hero280 | | [hero279](/block/hero279) | Install Snippet Split Hero | Hero | Pro | npx shadcn add https://beste.dev/r/hero279 | | [hero278](/block/hero278) | Analytics Hero With Glass Card Cluster | Hero | Pro | npx shadcn add https://beste.dev/r/hero278 | | [hero277](/block/hero277) | Tabbed Live Product Demo Hero | Hero | Pro | npx shadcn add https://beste.dev/r/hero277 | | [hero276](/block/hero276) | Ripple Water Hero | Hero | Pro | npx shadcn add https://beste.dev/r/hero276 | | [hero275](/block/hero275) | Bokeh Band Hero | Hero | Pro | npx shadcn add https://beste.dev/r/hero275 | | [hero274](/block/hero274) | Frosted Glass Launch Hero | Hero | Pro | npx shadcn add https://beste.dev/r/hero274 | | [hero273](/block/hero273) | Vortex Portal Hero | Hero | Pro | npx shadcn add https://beste.dev/r/hero273 | | [hero272](/block/hero272) | Prism Light Panel Hero | Hero | Pro | npx shadcn add https://beste.dev/r/hero272 | | [hero271](/block/hero271) | Arched Window Sky Hero | Hero | Pro | npx shadcn add https://beste.dev/r/hero271 | | [hero270](/block/hero270) | Smoke Type Hero | Hero | Pro | npx shadcn add https://beste.dev/r/hero270 | | [hero269](/block/hero269) | Folded Poster Hero | Hero | Pro | npx shadcn add https://beste.dev/r/hero269 | | [hero268](/block/hero268) | Mosaic Bento Hero | Hero | Pro | npx shadcn add https://beste.dev/r/hero268 | | [hero267](/block/hero267) | Planet Horizon Hero | Hero | Pro | npx shadcn add https://beste.dev/r/hero267 | | [hero266](/block/hero266) | Light Leak Hero | Hero | Pro | npx shadcn add https://beste.dev/r/hero266 | | [hero265](/block/hero265) | Fluid Gradient Hero | Hero | Pro | npx shadcn add https://beste.dev/r/hero265 | | [hero264](/block/hero264) | Lava Lamp Flavor Hero | Hero | Pro | npx shadcn add https://beste.dev/r/hero264 | | [hero263](/block/hero263) | Conic Glow Hero | Hero | Pro | npx shadcn add https://beste.dev/r/hero263 | Page 1 of 13[Next ](/blocks/tag/header?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#bed6dbd2d2d1fedcdbcdcadb90ddd1). 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#e38b868f8f8ca38186909786cd808c) * [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.