Shadcraft icon

Shadcraft

A Figma UI kit based on the popular shadcn/ui components with built-in theming capabilities.

Get the UI kit →
Screenshot of the Shadcraft UI kit

This powerful design system brings the flexibility of shadcn/ui to Figma, allowing designers to create consistent interfaces quickly. It includes a plugin called tweakcn that makes styling and theming effortless.

Key features:

  • 51 high-quality components that match shadcn/ui’s official suite
  • Built-in dark mode support using Figma Variables
  • 44 flexible and composable blocks for common UI patterns
  • 1,500+ icons including Lucide, social media and platform icons
  • Quick theming with the tweakcn plugin for instant style changes

Whether you’re designing websites or web applications, Shadcraft streamlines your workflow by providing ready-made components that are both customisable and consistent with modern design standards. Its pre-built components save countless hours that would otherwise be spent recreating common UI elements, letting designers focus on solving unique design challenges.

Get the UI kit →

Platforms:

Share on:
← Back to all kits

Browse more UI kits

View all →

Read our latest posts

View all →

Explore more platforms

All platforms →

Browse cross-platform kits

All platforms →
Publish your website in minutes with Framer.

Publish your website in minutes with Framer.