Button Group

A Button Group component for Figma, used to visually and functionally group multiple related buttons together. It ensures consistent spacing and alignment, making it easy to present sets of actions as a cohesive unit.

Button Group

A Button Group component for Figma, used to visually and functionally group multiple related buttons together. It ensures consistent spacing and alignment, making it easy to present sets of actions as a cohesive unit.

Button Group

A Button Group component for Figma, used to visually and functionally group multiple related buttons together. It ensures consistent spacing and alignment, making it easy to present sets of actions as a cohesive unit.

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

Using the Button Group component

Usability tip

Use Button Groups to connect actions that share a similar purpose, like view toggles or grouped filters. Avoid overcrowding them with too many options as it can reduce clarity and tap precision on mobile.

Usage

Ideal for toolbars, segmented controls, or grouped navigation elements where users can switch between related states or actions.

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