Skip to content
S

shadcncraft

Production-ready design system for Figma and React built on shadcn/ui

Freemium

Launch
#1477in Design
0In stores

Description

Complete shadcn/ui Coverage. Every core component rebuilt with clean structure, accurate spacing, and alignment across Figma and React so yo…

Preview

Ratings & Reviews

No ratings yet

Be the first to rate shadcncraft.

People also visit

S

Storybook

An open-source tool for developing UI components in isolation for React, Vue

Design
Launch
M

Moqups

Online Mockup, Wireframe & UI Prototyping Tool

Design
Launch
M

Mixily

Beautiful event pages and effortless RSVPs

Design
Launch
P

PasteScreenshot

Paste screenshot online, store locally, and organize

Design
Launch
U

UIColours

Inspiring website colour palettes from designers who know what they're doing

Design
Launch
K

Kolors

Create palette, export to primitive and semantic tokens

Design
Launch

shadcncraft FAQ

What is shadcncraft?

Complete shadcn/ui Coverage. Every core component rebuilt with clean structure, accurate spacing, and alignment across Figma and React so your designs and code stay perfectly in sync. Pixel-Perfect Visual Parity. Designs match production exactly, with components crafted to mirror real behaviour and styling whether you’re working in Figma or shipping in React. Figma-Native Craft.

Is shadcncraft free?

shadcncraft is freemium.

Do I need to download shadcncraft?

No. shadcncraft runs in your browser at shadcncraft.com, so there's nothing to install.

What are the best shadcncraft alternatives?

Popular alternatives to shadcncraft include Storybook, Moqups and Mixily. See all shadcncraft alternatives

Developer Stuff

Badges