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
CTA Sections
CTA Sections
Call-to-action blocks designed to drive user engagement and conversions - built with shadcn/ui.
View blocks
Preview in Figma
Preview
Docs
CTA section with centered text
cta-section-1
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=cta-section-1&key=YOUR_LICENSE_KEY"
Get access in
Premium
CTA section with left-aligned text
cta-section-2
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=cta-section-2&key=YOUR_LICENSE_KEY"
Get access in
Premium
CTA section with image on the left
cta-section-3
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=cta-section-3&key=YOUR_LICENSE_KEY"
Get access in
Premium
CTA section with input and image on the right
cta-section-4
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=cta-section-4&key=YOUR_LICENSE_KEY"
Get access in
Premium
CTA section with image and primary background color
cta-section-5
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=cta-section-5&key=YOUR_LICENSE_KEY"
Get access in
Premium
CTA section with left-aligned text and primary background color
cta-section-6
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=cta-section-6&key=YOUR_LICENSE_KEY"
Get access in
Premium
CTA section with centered text and primary background color
cta-section-7
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=cta-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