Avatar Stack
Blog Blockquote
Blog Feature Text
Blog Heading
Blog Image
Blog Listing Card
Blog Listing Featured Card
Blog Paragraph
Chip
Feature Stack
Featured Icon
Job Listing
List
Location Dot
Marquee
Metric
Mobile Navigation Menu
Page Heading
Placeholder Logo
Placeholder Logo Mark
Pricing Card
Profile Card
Section Heading
Star Rating
Sub Feature
Tagline
Team Card
UI Showcase
Page Heading
A Page Heading component for Figma that acts as the text-focused version of a hero banner. This shadcn/ui Figma component combines a badge, H1, supporting body text, call-to-action buttons, and optional avatar group for social proof.
Page Heading
A Page Heading component for Figma that acts as the text-focused version of a hero banner. This shadcn/ui Figma component combines a badge, H1, supporting body text, call-to-action buttons, and optional avatar group for social proof.
Page Heading
A Page Heading component for Figma that acts as the text-focused version of a hero banner. This shadcn/ui Figma component combines a badge, H1, supporting body text, call-to-action buttons, and optional avatar group for social proof.
React
Figma
React
Figma
React
Figma
Using the Page Heading component
Usability tip
Keep the H1 short and scannable, and make sure the badge and CTAs align with your key message.
Usage
Use at the top of marketing pages, landing pages, or resource hubs where a hero banner is needed but imagery is secondary.
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.
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.
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 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.
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.
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 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.
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.
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 Polar.sh