shadcn/ui for Figma
The component library, rebuilt for Figma so designers and developers work from the same system. Free, and I still update it.
- 68.7k users
- 3.9k likes
- updated Sep 2026
- listed on ui.shadcn.com
NowOctober 2026
Building more small plugins for MyFigTools and keeping the shadcn/ui Figma library up to date. A few new things are in the works too. More on those soon.
Things I've madeOctober 2026
Most used shadcn/ui create
Switch themes, fonts and icons in one click, without breaking anything.
- 8.9k users
- 493 likes
MyFigTools
Small Figma plugins for the fiddly jobs nobody wants to do by hand.
- 2.9k users
- 6 plugins
Animated calendar
A calendar that moves the way a calendar should.
- 7.8k users
- 106 likes
3D weather icons
Made these for fun. People kept using them.
- 4.5k users
- 97 likes
Tailwind Headless UI
Headless UI components in Figma, with the animations.
- 2.8k users
- 75 likes
Spotify redesign
What I'd change if they asked. They haven't asked.
- 2.5k users
- 48 likes
Vercel AI Elements
The Vercel AI Elements components, in Figma.
- 529 users
- 46 likes
Moonrope
A website. Designed it, then built it.
- website
- design + build
Sipsshort videos, one thing each
A round avatar with a badge on it
Draw a circle with Shift, fill it with a photo, wrap it in auto layout, then pin a little status dot to the corner.
- Auto layout
- free
- figma
- avatars
Text that ends in "…"
Long titles breaking your cards? Turn on Truncate text and set max lines, so they end neatly in "…".
- Text
- free
- figma
- typography
Copy a style from one layer to another
Copy properties (⌥⌘C) from the layer that looks right, select the others and paste them (⌥⌘V). Fill, stroke, radius and effects all come along.
- Styles & effects
- free
- figma
- shortcuts
- styles