Badge

A Badge component for Figma, a small label used for status indicators and notification counts. This UI element adds a professional touch to your interface by providing at-a-glance information.

Badge

A Badge component for Figma, a small label used for status indicators and notification counts. This UI element adds a professional touch to your interface by providing at-a-glance information.

Badge

A Badge component for Figma, a small label used for status indicators and notification counts. This UI element adds a professional touch to your interface by providing at-a-glance information.

Using the Badge component

Usability tip

Badges should be used to provide brief, at-a-glance information.

Usage

Use for displaying a new message count, a product category, or the status of an item (e.g., 'In Stock', 'Out of Stock').

Pricing

One-time payment. Unlimited projects. One year of updates.

Select licence

Single

Team

Enterprise

Tailored to solo designers and developers. Fast support.

Base

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

Easy theming via tweakcn

All 56 shadcn/ui Components

All 44 shadcn/ui 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

Everything in Base

Pro Components

Blocks for faster workflows

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.

Built on shadcn/ui

Pixel perfect design parity

Zero setup needed

Composable / extendible

Production ready blocks

Fully responsive

shadcn aligned tokens

Fast install via CLI and MCP support

Prices in USD.

Secure payment with Lemon Squeezy

Pricing

One-time payment. Unlimited projects. One year of updates.

Select licence

Single

Team

Enterprise

Tailored to solo designers and developers. Fast support.

Base

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

Easy theming via tweakcn

All 56 shadcn/ui Components

All 44 shadcn/ui 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

Everything in Base

Pro Components

Blocks for faster workflows

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.

Built on shadcn/ui

Pixel perfect design parity

Zero setup needed

Composable / extendible

Production ready blocks

Fully responsive

shadcn aligned tokens

Fast install via CLI and MCP support

Prices in USD.

Secure payment with Lemon Squeezy

Pricing

One-time payment. Unlimited projects. One year of updates.

Select licence

Single

Team

Enterprise

Tailored to solo designers and developers. Fast support.

Base

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

Easy theming via tweakcn

All 56 shadcn/ui Components

All 44 shadcn/ui 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

Everything in Base

Pro Components

Blocks for faster workflows

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.

Built on shadcn/ui

Pixel perfect design parity

Zero setup needed

Composable / extendible

Production ready blocks

Fully responsive

shadcn aligned tokens

Fast install via CLI and MCP support

Prices in USD.

Secure payment with Lemon Squeezy