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
Rich Text Sections
Rich Text Sections
Formatted content blocks for displaying styled text and media elements - built with shadcn/ui.
View blocks
Preview in Figma
Preview
Docs
Rich text section with image, centered content and with max-width
rich-text-section-1
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=rich-text-section-1&key=YOUR_LICENSE_KEY"
Get access in
Premium
Rich text section with a full-width image, left-aligned content, and with a max-width
rich-text-section-2
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=rich-text-section-2&key=YOUR_LICENSE_KEY"
Get access in
Premium
Rich text section with image, left-aligned content, with max-width and table of contents
rich-text-section-3
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=rich-text-section-3&key=YOUR_LICENSE_KEY"
Get access in
Premium
Rich text section with an image, a centered heading, max-width, and a table of contents
rich-text-section-4
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=rich-text-section-4&key=YOUR_LICENSE_KEY"
Get access in
Premium
Rich text section with an image on the right, and a table of contents
rich-text-section-5
npx shadcn@latest add "https://shadcndesign-pro-blocks.vercel.app/components?name=rich-text-section-5&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