header blocks

171 production-ready header blocks across these categories:

Block	Title	Category	Access	Install
hero59	Enterprise Hero with Trust Badges	Hero	Pro	`npx shadcn add https://ui.beste.co/r/hero59`
hero57	Full-height Hero with Scroll Indicator	Hero	Free	`npx shadcn add https://ui.beste.co/r/hero57`
hero53	Mobile App Hero with Phone Mockup	Hero	Pro	`npx shadcn add https://ui.beste.co/r/hero53`
hero48	Metrics Dashboard Hero	Hero	Pro	`npx shadcn add https://ui.beste.co/r/hero48`
hero46	Search Hero with Popular Tags	Hero	Pro	`npx shadcn add https://ui.beste.co/r/hero46`
hero45	Centered Hero with Ratings Social Proof	Hero	Pro	`npx shadcn add https://ui.beste.co/r/hero45`
navbar40	Breadcrumb Navbar	Navigation	Pro	`npx shadcn add https://ui.beste.co/r/navbar40`
navbar39	Command Palette Navbar	Navigation	Pro	`npx shadcn add https://ui.beste.co/r/navbar39`
navbar38	Dual-Row Navbar	Navigation	Pro	`npx shadcn add https://ui.beste.co/r/navbar38`
navbar37	Floating Pill Navbar	Navigation	Pro	`npx shadcn add https://ui.beste.co/r/navbar37`
navbar36	Tab-Style Navbar	Navigation	Pro	`npx shadcn add https://ui.beste.co/r/navbar36`
navbar35	Sliding Indicator Navbar	Navigation	Pro	`npx shadcn add https://ui.beste.co/r/navbar35`
navbar34	Sidebar Drawer Navbar	Navigation	Pro	`npx shadcn add https://ui.beste.co/r/navbar34`
navbar33	Multi-Level Dropdown Nav	Navigation	Pro	`npx shadcn add https://ui.beste.co/r/navbar33`
navbar32	Search-Focused Navbar	Navigation	Pro	`npx shadcn add https://ui.beste.co/r/navbar32`
navbar31	Animated Underline Navbar	Navigation	Pro	`npx shadcn add https://ui.beste.co/r/navbar31`
navbar19	Mega Menu Navbar	Navigation	Pro	`npx shadcn add https://ui.beste.co/r/navbar19`
hero25	Dashboard Preview Hero	Hero	Pro	`npx shadcn add https://ui.beste.co/r/hero25`
hero24	Wellness Hero with Stats Cards	Hero	Free	`npx shadcn add https://ui.beste.co/r/hero24`
hero21	Fullscreen Vertical Carousel	Hero	Free	`npx shadcn add https://ui.beste.co/r/hero21`
hero20	Split Carousel with Thumbnails	Hero	Free	`npx shadcn add https://ui.beste.co/r/hero20`
hero19	Cinematic Fullscreen Carousel	Hero	Free	`npx shadcn add https://ui.beste.co/r/hero19`
hero7	Centered Hero with Media	Hero	Free	`npx shadcn add https://ui.beste.co/r/hero7`
navbar30	Centered Logo Split Nav	Navigation	Free	`npx shadcn add https://ui.beste.co/r/navbar30`

PRO

hero59

Enterprise Hero with Trust Badges

Centered hero with security and compliance trust indicators (SOC 2, Uptime, CDN, Encryption) displayed as icon badges. Perfect for enterprise B2B products.

FREE

hero57

Full-height Hero with Scroll Indicator

Vertically centered hero with animated scroll-down indicator featuring bouncing dot and arrow. Perfect for single-page sites and immersive landing pages.

PRO

hero53

Mobile App Hero with Phone Mockup

Split-layout hero with realistic iPhone mockup, notch detail, and App Store/Play Store download buttons. Perfect for mobile app landing pages.

PRO

hero48

Metrics Dashboard Hero

Centered hero with four-column metrics panel showing values and trend indicators below the CTA buttons. Perfect for analytics dashboards and business tools.

PRO

hero46

Search Hero with Popular Tags

Centered hero with prominent search input field and popular search suggestion pills below. Perfect for documentation sites, knowledge bases, and support centers.

PRO

hero45

Centered Hero with Ratings Social Proof

Centered hero with avatar stack, partial star ratings display, and review count above the featured image. Perfect for products with strong user reviews.

PRO

navbar40

Breadcrumb Navbar

Two-row navbar with main navigation and secondary breadcrumb bar for hierarchical content paths. Perfect for e-commerce product pages and documentation with deep category structures.

PRO

navbar39

Command Palette Navbar

Developer-focused navbar with Cmd+K command palette for keyboard-driven navigation and actions. Perfect for developer tools, documentation sites, and power-user applications.

PRO

navbar38

Dual-Row Navbar

Two-tier navbar with slim top bar for announcements and contact info above main navigation. Perfect for e-commerce and service businesses displaying promotions and support details.

PRO

navbar37

Floating Pill Navbar

Centered floating navbar with rounded pill shape, backdrop blur effect, and compact layout. Perfect for modern landing pages and portfolios wanting a minimal floating navigation style.

PRO

navbar36

Tab-Style Navbar

Navbar with tab-style navigation supporting underline or pill active states for app-like navigation. Perfect for dashboards and admin panels with section-based interfaces.

PRO

navbar35

Sliding Indicator Navbar

Responsive navbar with animated sliding underline indicator that follows hover and highlights active navigation item. Perfect for SaaS dashboards and apps wanting polished micro-interactions.

PRO

navbar34

Sidebar Drawer Navbar

Navbar with slide-in sidebar drawer featuring grouped navigation sections and overlay backdrop. Perfect for content-rich sites wanting organized off-canvas navigation menus.

PRO

navbar33

Multi-Level Dropdown Nav

Navbar with hover-activated dropdowns supporting nested sub-menus for deep navigation hierarchies. Perfect for enterprise software and documentation sites with complex information architecture.

PRO

navbar32

Search-Focused Navbar

Navbar with prominent search input, navigation links, and action button for search-driven experiences. Perfect for marketplaces, directories, and content platforms prioritizing discovery.

PRO

navbar31

Animated Underline Navbar

Minimal navbar with configurable animated underline effects (slide, grow, or fade) on navigation links. Perfect for portfolio sites and creative agencies wanting subtle hover animations.

PRO

navbar19

Mega Menu Navbar

Full-width mega menu navbar with multi-column product dropdowns, icon-enhanced links, and promotional cards. Perfect for SaaS products and enterprise sites with extensive feature offerings.

PRO

hero25

Dashboard Preview Hero

Split-layout hero with interactive dashboard mockup featuring stats cards, line chart, and recent activity feed. Perfect for SaaS and analytics platforms.

FREE

hero24

Wellness Hero with Stats Cards

Split-layout hero with avatar stack social proof, floating heart rate card, and progress indicator overlay on image. Perfect for health, fitness, and wellness apps.

FREE

hero21

Fullscreen Vertical Carousel

Full-screen carousel with vertical slide transitions, decorative grid lines, and customizable accent colors. Perfect for creative agencies and modern brand showcases.

FREE

hero20

Split Carousel with Thumbnails

Two-column carousel with animated content transitions, thumbnail strip navigation, and vertical progress indicator. Perfect for product showcases and feature highlights.

FREE

hero19

Cinematic Fullscreen Carousel

Full-screen animated carousel with multiple transition effects, next slide preview, and progress bar. Perfect for immersive storytelling and portfolio showcases.

FREE

hero7

Centered Hero with Media

Centered hero with optional badge, heading, description, dual action buttons, and a featured image below. Perfect for product launches and landing pages.

FREE

navbar30

Centered Logo Split Nav

Symmetrical navbar with centered logo flanked by navigation links on both sides and dropdown menus. Perfect for fashion brands and lifestyle sites wanting balanced visual hierarchy.