New update
Our Academy is now available! Master the Figma to shadcn/ui process with our short, on-point video tutorials
shadcn
design
Components
Pro Blocks
Plugin
Templates
Academy
Resources
Docs
Updates
Roadmap
Help & Contact
Pricing
Account
Pro Blocks
Stats Sections
Stats Sections
Layouts for landing pages presenting impactful statistics - built with shadcn/ui.
View blocks
Preview in Figma
Preview
Docs
Stats section with image on the right
stats-section-1
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=stats-section-1&key=YOUR_LICENSE_KEY"
Get access in
Premium
Stats section with left-aligned text
stats-section-2
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=stats-section-2&key=YOUR_LICENSE_KEY"
Get access in
Premium
Stats sections with image on the left
stats-section-3
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=stats-section-3&key=YOUR_LICENSE_KEY"
Get access in
Premium
Stats section with cards
stats-section-4
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=stats-section-4&key=YOUR_LICENSE_KEY"
Get access in
Premium
Stats section with left-aligned text and image in the background
stats-section-5
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=stats-section-5&key=YOUR_LICENSE_KEY"
Get access in
Premium
Basic stats section
stats-section-6
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=stats-section-6&key=YOUR_LICENSE_KEY"
Get access in
Premium
Stats section with text in 2 columns
stats-section-7
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=stats-section-7&key=YOUR_LICENSE_KEY"
Get access in
Premium
Pro Blocks are now fully supported in Figma Sites, allowing you to create responsive websites directly within Figma's new website builder.
Get access to coded Pro Blocks in our
Premium Package
Buy now