Mobile Header Bar

A lightweight navigation bar optimized for mobile screens. Provides a clear page title with optional subtitle, a back action, and space for primary or overflow actions. Designed to stay compact and readable while supporting common mobile navigation patterns. React version coming soon.

Mobile Header Bar

A lightweight navigation bar optimized for mobile screens. Provides a clear page title with optional subtitle, a back action, and space for primary or overflow actions. Designed to stay compact and readable while supporting common mobile navigation patterns. React version coming soon.

Mobile Header Bar

A lightweight navigation bar optimized for mobile screens. Provides a clear page title with optional subtitle, a back action, and space for primary or overflow actions. Designed to stay compact and readable while supporting common mobile navigation patterns. React version coming soon.

This shadcn/ui component is available in our Pro React Kit.

Pricing

Upgrade anytime. Pay only the difference between products.

Select license

Single

Team

Enterprise

For solo designers and developers

Fast support • Unlimited projects • Lifetime updates

Base

All official shadcn/ui components and blocks in Figma. Everything you need to start designing with a strong foundation.

$119

One-time payment • Plus local taxes

Easy theming via our plugin

All shadcn components

All shadcn blocks

All 5 complete icon sets

Tailwind CSS alignment

Prototype interactions

Figma variables

Light & dark mode

Pro

Pro Components, Blocks, and Templates. A complete Figma UI Kit that lets you assemble polished layouts in seconds.

$299

$399

One-time payment • Plus local taxes

Everything in Base

42+ Pro Components

132+ Blocks to ship faster

Full page Templates

Perfect for marketing sites

Ideal for product apps [New]

Assemble sites in seconds

Responsive layouts

+

Pro React

Pro Figma UI Kit plus matching React components. Build production-ready interfaces with aligned design and code.

$499

$699

One-time payment • Plus local taxes

Everything in Pro

Pixel perfect design parity

Zero setup needed

Composable / extendible

Production ready blocks

Fully responsive

shadcn aligned tokens

CLI install & MCP support

Prices in USD.

Secure payment with Polar.sh

+

Free

Looking for a free option?

Access a curated set of shadcn components in the Figma community library, try tweakcn theming, and use the free Shadcraft registry. A simple way to trial the kit before upgrading.

Pricing

Upgrade anytime. Pay only the difference between products.

Select license

Single

Team

Enterprise

For solo designers and developers

Fast support • Unlimited projects • Lifetime updates

Base

All official shadcn/ui components and blocks in Figma. Everything you need to start designing with a strong foundation.

$119

One-time payment • Plus local taxes

Easy theming via our plugin

All shadcn components

All shadcn blocks

All 5 complete icon sets

Tailwind CSS alignment

Prototype interactions

Figma variables

Light & dark mode

Pro

Pro Components, Blocks, and Templates. A complete Figma UI Kit that lets you assemble polished layouts in seconds.

$299

$399

One-time payment • Plus local taxes

Everything in Base

42+ Pro Components

132+ Blocks to ship faster

Full page Templates

Perfect for marketing sites

Ideal for product apps [New]

Assemble sites in seconds

Responsive layouts

+

Pro React

Pro Figma UI Kit plus matching React components. Build production-ready interfaces with aligned design and code.

$499

$699

One-time payment • Plus local taxes

Everything in Pro

Pixel perfect design parity

Zero setup needed

Composable / extendible

Production ready blocks

Fully responsive

shadcn aligned tokens

CLI install & MCP support

Prices in USD.

Secure payment with Polar.sh

+

Free

Looking for a free option?

Access a curated set of shadcn components in the Figma community library, try tweakcn theming, and use the free Shadcraft registry. A simple way to trial the kit before upgrading.

Pricing

Upgrade anytime. Pay only the difference between products.

Select license

Single

Team

Enterprise

For solo designers and developers

Fast support • Unlimited projects • Lifetime updates

Base

All official shadcn/ui components and blocks in Figma. Everything you need to start designing with a strong foundation.

$119

One-time payment • Plus local taxes

Easy theming via our plugin

All shadcn components

All shadcn blocks

All 5 complete icon sets

Tailwind CSS alignment

Prototype interactions

Figma variables

Light & dark mode

Pro

Pro Components, Blocks, and Templates. A complete Figma UI Kit that lets you assemble polished layouts in seconds.

$299

$399

One-time payment • Plus local taxes

Everything in Base

42+ Pro Components

132+ Blocks to ship faster

Full page Templates

Perfect for marketing sites

Ideal for product apps [New]

Assemble sites in seconds

Responsive layouts

+

Pro React

Pro Figma UI Kit plus matching React components. Build production-ready interfaces with aligned design and code.

$499

$699

One-time payment • Plus local taxes

Everything in Pro

Pixel perfect design parity

Zero setup needed

Composable / extendible

Production ready blocks

Fully responsive

shadcn aligned tokens

CLI install & MCP support

Prices in USD.

Secure payment with Polar.sh

+

Free

Looking for a free option?

Access a curated set of shadcn components in the Figma community library, try tweakcn theming, and use the free Shadcraft registry. A simple way to trial the kit before upgrading.

Thanks for visiting

© Shadcraft 2026

Thanks for visiting

© Shadcraft 2026

Thanks for visiting

© Shadcraft 2026

Thanks for visiting

© Shadcraft 2026