Toggle

A Toggle component for Figma that functions as a two-state button for on/off controls. This UI element is essential for creating clean settings interfaces, preference panels, and any design that requires a clear binary selection.

Toggle

A Toggle component for Figma that functions as a two-state button for on/off controls. This UI element is essential for creating clean settings interfaces, preference panels, and any design that requires a clear binary selection.

Toggle

A Toggle component for Figma that functions as a two-state button for on/off controls. This UI element is essential for creating clean settings interfaces, preference panels, and any design that requires a clear binary selection.

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

Using the Toggle component

Usability tip

Labels next to the toggle should clearly indicate the state and function. For example: 'Enable notifications'.

Usage

Commonly used for toggling notifications, dark mode, or privacy settings.

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