Empty

An Empty component for Figma, used to display an empty state when there is no content or data to show. It helps communicate context, guide user action, and prevent confusion when a view has no results or items yet.

Empty

An Empty component for Figma, used to display an empty state when there is no content or data to show. It helps communicate context, guide user action, and prevent confusion when a view has no results or items yet.

Empty

An Empty component for Figma, used to display an empty state when there is no content or data to show. It helps communicate context, guide user action, and prevent confusion when a view has no results or items yet.

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

Using the Empty component

Usability tip

Use Empty states to provide reassurance and clear next steps. Pair them with concise messaging and a single prominent action, such as “Create project” or “Upload file.” Avoid leaving the user with a blank screen.

Usage

Ideal for first-time user experiences, error states, and no-results screens where you need to prompt users to take an action or understand what’s missing.

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