Progress

A Progress component for Figma that displays an indicator showing the completion status of a task. This UI element is essential for providing visual feedback during loading, file uploads, or multi-step processes.

Progress

A Progress component for Figma that displays an indicator showing the completion status of a task. This UI element is essential for providing visual feedback during loading, file uploads, or multi-step processes.

Progress

A Progress component for Figma that displays an indicator showing the completion status of a task. This UI element is essential for providing visual feedback during loading, file uploads, or multi-step processes.

Using the Progress component

Usability tip

Consider a more complex animation or state if the loading time is unpredictable.

Usage

Ideal for file uploads, form submissions, or a multi-step onboarding process.

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