Tabs

A Tabs component for Figma that displays layered sections of content, one at a time. This UI element is ideal for organizing a lot of information in a compact and clean way, such as on a profile or settings page.

Tabs

A Tabs component for Figma that displays layered sections of content, one at a time. This UI element is ideal for organizing a lot of information in a compact and clean way, such as on a profile or settings page.

Tabs

A Tabs component for Figma that displays layered sections of content, one at a time. This UI element is ideal for organizing a lot of information in a compact and clean way, such as on a profile or settings page.

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

Using the Tabs component

Usability tip

Tabs should be used when all content is equally important. For less important content, consider a collapsible section.

Usage

Used to switch between different views of the same content, such as a profile page with "Settings," "Billing," and "Notifications" tabs.

Pricing

Select licence

Single

Team

Enterprise

For solo designers and developers

Fast support • Unlimited projects • Lifetime updates

Base

All the essential shadcn/ui components and blocks. A Figma UI Kit that helps you build faster on a solid design foundation.

$119

One-time payment • Plus local taxes

Easy theming via tweakcn

All shadcn Figma components

All shadcn Figma blocks

1500+ Lucide icons

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

25+ Pro Components

117 Blocks to ship faster

Full page Templates

Perfect for marketing sites

Ideal for product apps [soon]

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

Pricing

Select licence

Single

Team

Enterprise

For solo designers and developers

Fast support • Unlimited projects • Lifetime updates

Base

All the essential shadcn/ui components and blocks. A Figma UI Kit that helps you build faster on a solid design foundation.

$119

One-time payment • Plus local taxes

Easy theming via tweakcn

All shadcn Figma components

All shadcn Figma blocks

1500+ Lucide icons

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

25+ Pro Components

117 Blocks to ship faster

Full page Templates

Perfect for marketing sites

Ideal for product apps [soon]

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

Pricing

Select licence

Single

Team

Enterprise

For solo designers and developers

Fast support • Unlimited projects • Lifetime updates

Base

All the essential shadcn/ui components and blocks. A Figma UI Kit that helps you build faster on a solid design foundation.

$119

One-time payment • Plus local taxes

Easy theming via tweakcn

All shadcn Figma components

All shadcn Figma blocks

1500+ Lucide icons

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

25+ Pro Components

117 Blocks to ship faster

Full page Templates

Perfect for marketing sites

Ideal for product apps [soon]

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