Blog

The shadcn/ui kit for Figma: Update December 2024

We're excited to announce 82 new Pro Blocks for our shadcn/ui Figma kit, including both design components and coded versions to help you build beautiful landing pages faster than ever.

The shadcn/ui kit for Figma: Update December 2024

Video overview of the update

What’s new

Pro Blocks (Figma)

We're excited to introduce 82 new Pro Blocks for the shadcn/ui Figma kit, available in the Default style file. This comprehensive update includes essential components for modern landing pages:

  • Banners
  • Blog Sections
  • Contact Sections
  • CTA Sections
  • FAQ Sections
  • Feature Sections
  • Footers and Navbars
  • Header Sections
  • Hero Sections
  • Pricing Sections
  • Rich Text Sections
  • Testimonials Sections
  • 404 Sections

View new Landing Page Pro Blocks in our Default file in Figma

Pro Blocks (Code)

We've launched coded versions of Landing Page Pro Blocks too, taking functionality to the next level. These pre-built, production-ready components help you move from design to implementation faster than ever. All Pro Blocks are coded using the best shadcn/ui and TailwindCSS practices.

Coded Pro Blocks are exclusively available in our Premium Package.

Changes

  • added text 5x large style for Typography that is used in Pro Blocks Hero Sections
  • fixed disabled state bg color in Toggle component
  • small bug fixes and improvements

Improve your workflow today

Forget about designing and coding from scratch. Save time today and access a huge collection of components, blocks and assets built with shadcn/ui.
Get access