Loading video...

Video Failed to Load

Go Home

It’s here. Beautifully designed components built with Radix UI and Tailwind CSS. A collection of accessible and customizable components that you can copy and paste into your apps. Free. Open Source. And Next.js 13 Ready.

666,968 views • 3 years ago •via X (Twitter)

11 Comments

shadcn's profile picture
shadcn3 years ago

All the components have been designed to complement each other seamlessly. They work in both light and dark modes and use accessible color schemes. You copy and paste the components into your app, giving you full control over the code.

shadcn's profile picture
shadcn3 years ago

I'm also open sourcing a Next.js template with all components ready to go. The template comes with: ◆ All Radix UI components ◆ Fonts with next/font ◆ Icons from Lucide ◆ Dark mode ◆ Automatic Tailwind CSS class sorting and merging.

shadcn's profile picture
shadcn3 years ago

Check out the site at

shadcn's profile picture
shadcn3 years ago

And just in case...😅

Steven Tey's profile picture
Steven Tey3 years ago

This is incredible!! Fantastic work 🤩

Julian Bilcke's profile picture
Julian Bilcke3 years ago

Excellent! I'm integrating it right now, I noticed a small typo while doing so ("AvatarPrimivite")

Hassan's profile picture
Hassan3 years ago

Incredible work man!

Tiger Abrodi's profile picture
Tiger Abrodi3 years ago

Did you edit the videos? What did you use for it?

shadcn's profile picture
shadcn3 years ago

I record and edit in Screenflow. Then export to Canva for animation.

Hari Bonda's profile picture
Hari Bonda3 years ago

how did you make this cool video?

shadcn's profile picture
shadcn3 years ago

Yep. Screenflow and Canva.

Related Videos