Separator

A Separator component for Figma that visually or semantically divides content. This UI element is used to organize layouts and provide visual clarity in forms, menus, or lists.

Separator

A Separator component for Figma that visually or semantically divides content. This UI element is used to organize layouts and provide visual clarity in forms, menus, or lists.

Separator

A Separator component for Figma that visually or semantically divides content. This UI element is used to organize layouts and provide visual clarity in forms, menus, or lists.

Using the Separator component

Usability tip

Use separators to reduce visual clutter and improve scannability of your interface.

Usage

Commonly used to divide sections in a form, separate menu items, or break up content blocks.

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