Metric

A Metric component for Figma that displays large stats with a sub-label for context. This shadcn/ui Figma component is designed to highlight performance or usage data.

Metric

A Metric component for Figma that displays large stats with a sub-label for context. This shadcn/ui Figma component is designed to highlight performance or usage data.

Metric

A Metric component for Figma that displays large stats with a sub-label for context. This shadcn/ui Figma component is designed to highlight performance or usage data.

React

Figma

React

Figma

React

Figma

Using the Metric component

Usability tip

Use real numbers or believable placeholders to build trust with users.

Usage

Use in company homepages, dashboards, or impact sections to showcase growth.

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

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.

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 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

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.

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 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

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.

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 Lemon Squeezy