Base Figma shadcn/ui Kit

👉 Check out the full preview of this product: 🔗 Product preview

🧩 What it is

foundational Figma UI Kit featuring the essential components and layout blocks from shadcn/ui — built to help you jump into design work fast with a solid, production-aligned base.

📦 What’s inside
  • 🧱 56 Core Components — All the key shadcn/ui elements rebuilt in Figma with Tailwind-aligned spacing and structure.

  • 📐 44 Ready-Made Blocks — Prebuilt layout pieces like calendars, dashboards, logins, and sidebars to speed up compositional work.

  • 🎨 Built for Figma — Uses Figma variables, auto layout, nested components, and supports both light & dark modes.

  • 🧠 Design-Dev Alignment — Components mirror how they’ll behave in code, making handoff smoother.

  • 💡 Easy Theming — Tweak styles and tokens without breaking component structure.

  • 🔁 1500+ Icons — Includes Lucide icons ready to drop into your designs.

🚀 Why it’s useful

Great baseline kit if you need hands-on UI building blocks that are consistent, easy to iterate on, and designed to match how developers will implement them in a shadcn/ui + Tailwind project.

💰 Pricing insight
  • 💵 One-time payment (with one year of updates)

  • Included features like theming, prototype interactions, and full component/block coverage make it a solid starting point before upgrading to more advanced kits.

Format

Price

$119.00
Features

Auto layout

Auto layout

Auto layout

Global style

Global style

Global style

Component

Component

Component

Variables

Variables

Variables

Dark mode

Dark mode

Dark mode