Accordion

An Accordion component for Figma, a vertically stacked set of interactive headings that each reveal a section of content. This UI element is great for organizing FAQs and other information in a compact layout.

Accordion

An Accordion component for Figma, a vertically stacked set of interactive headings that each reveal a section of content. This UI element is great for organizing FAQs and other information in a compact layout.

Accordion

An Accordion component for Figma, a vertically stacked set of interactive headings that each reveal a section of content. This UI element is great for organizing FAQs and other information in a compact layout.

Using the Accordion component

Usability tip

Use Accordions to save vertical space on a page, especially on mobile, but avoid nesting them as it can lead to poor user experience.

Usage

Ideal for FAQ sections, feature lists, and nested navigation menus.

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