Search documentation

Search docs pages and sections

Figma Kit

Getting started
Styles
Variables
Typeset
Theming
Components
Icons
Development
Updates

Registry

Pro Blocks
Templates
Themes

Plugin

Introduction
Generate code
Manage variables
Typeset
Select and install Pro Blocks

Agent Skills

Agent Skills

Documentation
Generate code

Menu

Home Preview Pricing Roadmap Help & Contact

Products

Figma Kit Pro Blocks Agent SkillsNew Figma Plugin Templates

Resources

Free Themes Theme Generator Docs Academy Blog Icons

Legal

Licensing Agreement Terms & Conditions Privacy Policy Cookies

Components

Accordion Alert Alert Dialog Aspect Ratio Attachment Avatar Badge Breadcrumb Bubble Button Button Group Calendar Card Carousel Chart Checkbox Collapsible Combobox Command Context Menu Data Table Date Picker Dialog Drawer Dropdown Menu Empty Field Form Hover Card Icons - HugeIcons Icons - Lucide Icons Icons - Phosphor Icons Icons - Remix Icon Icons - Tabler Icons Input Input Group Input OTP Item Kbd Label Menubar Message Message Scroller Navigation Menu Pagination Popover Progress Radio Group Resizable Scroll-area Select Separator Sheet Sidebar Skeleton Slider Sonner Spinner Switch Table Tabs Textarea Toast Toggle Toggle Group Tooltip Typeset Typography

Landing Page Blocks

404 Sections Banners Bento Grids Blog Sections CTA Sections Comparison Sections Contact Sections Empty LP Sections FAQ Sections Feature Sections Footers Gallery Sections Header Sections Hero Sections LP Navbars Landing Page Examples Logo Sections Patterns Pricing Sections Rich Text Sections Stats Sections Team Sections Testimonials Sections

Application Blocks

App Shells Application Examples Buttons Cards Description Lists Empty Sections Navbars Page Headers Section Footers Section Headers Sections Settings Sign in Sign up Table Headers

E-commerce Blocks

Checkouts Examples Incentives Order Summary Sections Product Category Sections Product Headers Product List Filters Product List Sections Sale Sections Shopping Carts Store Navbars

This project is independent and not affiliated with Figma or shadcn/ui.
Copyright © 2026 Matt Wierzbicki

Generate code

Use the Figma to shadcn/ui plugin to generate high-quality shadcn/ui and Tailwind CSS code from your Figma designs.