New update
The newest Tailwind v4 and shadcn/ui version is now supported in our Figma kit, Plugin and Pro Blocks!
shadcn
design
Components
Pro Blocks
Plugin
Templates
Resources
Docs
Updates
Roadmap
Help & Contact
Pricing
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