Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

theming for shadcn just got WAY easier - generate any theme using AI - reference existing presets for inspiration - share your themes with the world all for free.

Sahaj

9,968 subscribers

89,088 views • 1 year ago •via X (Twitter)

Arts Science & Technology Education

Anya Rossi• Live Now

Private livecam show

11 Comments

Sahaj1 year ago

now available on I'll be closely monitoring rate limits to see if I can support this for free, or make it freemium

TXYZ1 year ago

⏰ Countdown alert! 🚀 Get free access to our new AI Writing feature before Dec 1st! Don't miss your chance to explore its power. Try it now—no cost, no catch! 🔗

Guillermo Rauch1 year ago

@shadcn 🔥

Sahaj1 year ago

@shadcn 🫡🫡

Méschac Irung1 year ago

@shadcn 🚀

ryan soderberg1 year ago

@shadcn would be cool to play around with these themes on my own project. maybe via a chrome extension or something

Sahaj1 year ago

@shadcn noted 🫡

lakshay bhushan1 year ago

@shadcn awesome!!

Sahaj1 year ago

@shadcn thanks man <3

Ronny Badilla1 year ago

@shadcn Gold! Great work Sahaj 💪🏻

Sahaj1 year ago

@shadcn 🙌🙌

Related Videos

Themes for v0 • Create your own theme from a prompt • Modify individual design tokens • Switch between themes on generations • Use shadcn built-in themes

Themes for v0 • Create your own theme from a prompt • Modify individual design tokens • Switch between themes on generations • Use shadcn built-in themes

Vercel

134,242 views • 2 years ago

Transform your selfie with Presets. A simple way to generate and share. Now available on the Runway iOS app.

Transform your selfie with Presets. A simple way to generate and share. Now available on the Runway iOS app.

Runway

25,069 views • 1 year ago

I work with shadcn/ui every day. I design with it, I build with it, and I see a lot of projects built with it. And honestly? Many of them look the same. Or worse - they look broken. Colors that clash. Fonts that don't pair. Dark modes that feel like an afterthought. The components themselves are great. The theming that people or AI make? Not so much. So I built a tool to fix that. I just launched my shadcn theme generator that will allow you to ship beautiful shadcn/ui themes in just 3-4 clicks. What it does: - Creates your entire color palette from 1 color (your hex or any tailwind color) - Works for light and dark theme - Only includes fonts that actually look good in UI - Font pairings I curated myself - Works for any project - landing page, dashboard, store - Has a color contast checker for the entire palette Too lazy? Just use random theme feature Done? Copy and paste the CSS to your global.css file or import to our Figma kit.

I work with shadcn/ui every day. I design with it, I build with it, and I see a lot of projects built with it. And honestly? Many of them look the same. Or worse - they look broken. Colors that clash. Fonts that don't pair. Dark modes that feel like an afterthought. The components themselves are great. The theming that people or AI make? Not so much. So I built a tool to fix that. I just launched my shadcn theme generator that will allow you to ship beautiful shadcn/ui themes in just 3-4 clicks. What it does: - Creates your entire color palette from 1 color (your hex or any tailwind color) - Works for light and dark theme - Only includes fonts that actually look good in UI - Font pairings I curated myself - Works for any project - landing page, dashboard, store - Has a color contast checker for the entire palette Too lazy? Just use random theme feature Done? Copy and paste the CSS to your global.css file or import to our Figma kit.

Matt

77,738 views • 5 months ago

Now that Laravel ships with shadcn/ui, we can use the cli to add components, pages, themes from remote registries. Need a Products page for your dashboard? One command adds the page, component and all dependencies to your codebase.

Now that Laravel ships with shadcn/ui, we can use the cli to add components, pages, themes from remote registries. Need a Products page for your dashboard? One command adds the page, component and all dependencies to your codebase.

shadcn

52,962 views • 1 year ago

We just launched our new website along with some great changes: 1. Added /themes page where you can grab our free shadcn / ui themes. 2. The /academy is now free for everyone. You can learn the Figma to shadcn/ui process with our short video guides. 3. The site is rebuilt from the ground up with Next.js 15, React 19, and shadcn/ui. The new stack gives us faster load times, better accessibility, and a more cohesive experience across all pages. I'm already working on more themes, expanded docs, and new Pro Blocks. Thanks for being here and supporting our small project! More to come!

We just launched our new website along with some great changes: 1. Added /themes page where you can grab our free shadcn / ui themes. 2. The /academy is now free for everyone. You can learn the Figma to shadcn/ui process with our short video guides. 3. The site is rebuilt from the ground up with Next.js 15, React 19, and shadcn/ui. The new stack gives us faster load times, better accessibility, and a more cohesive experience across all pages. I'm already working on more themes, expanded docs, and new Pro Blocks. Thanks for being here and supporting our small project! More to come!

Matt

44,889 views • 9 months ago

Omarchy theming can't be easier than this? The philosophy is to auto-create themes based on the colors coming from the wallpapers. This is for those not bothering with creating the theme files themselves, where this is good enough, also known as Wabi Sabi. It sets the theming files automatically based on templates, and leverages the Omarchy theming lifecycles. I'll release the repository in a day or two, then we will take it from there.

Omarchy theming can't be easier than this? The philosophy is to auto-create themes based on the colors coming from the wallpapers. This is for those not bothering with creating the theme files themselves, where this is good enough, also known as Wabi Sabi. It sets the theming files automatically based on templates, and leverages the Omarchy theming lifecycles. I'll release the repository in a day or two, then we will take it from there.

Bjarne Øverli

97,662 views • 10 months ago

DialKit is a framework for live tuning any parameter in your app. See changes instantly, test different value sets with presets, then copy a prompt for your agent. Available for free today.

DialKit is a framework for live tuning any parameter in your app. See changes instantly, test different value sets with presets, then copy a prompt for your agent. Available for free today.

joshpuckett

98,397 views • 5 months ago

Announcing Monorepo Support for the shadcn CLI We’ve made it easier to use shadcn/ui in monorepos. The CLI now understands your workspaces, installs components and dependencies in the right packages, and handles import resolution for you.

Announcing Monorepo Support for the shadcn CLI We’ve made it easier to use shadcn/ui in monorepos. The CLI now understands your workspaces, installs components and dependencies in the right packages, and handles import resolution for you.

shadcn

73,820 views • 1 year ago

introducing Live Previews for YOUR website in tweakcn customize your shadcn site's theme in real-time by simply adding a script tag. no need to go back and forth when testing themes!

introducing Live Previews for YOUR website in tweakcn customize your shadcn site's theme in real-time by simply adding a script tag. no need to go back and forth when testing themes!

Sahaj

91,448 views • 9 months ago

The wait is over, Guys! 😌 Finally, we've shipped Shadcn Studio 🎉 An open-source registry with copy-and-paste components, blocks, and templates! - Paired with a powerful theme editor to craft, customize, and ship faster. 🚀 - Shadcn Theme Editor & Component variants ✅ - Theme Import/Export ✅ - Save Shadcn Themes ✅ - Shadcn Component Variants ⌛ - Shadcn Figma UI Kit ⌛ - Shadcn Blocks & Templates ⌛ - Figma Plugin, AI, MCP, LLM and more.. ⌛ ➡️ Check it out here: Huge thanks to Anand Patel, Heet Bhalodiya & Aayush Makwana for their incredible work on this! 🙌 Special thanks to shadcn Sahaj 🫱🏼‍🫲🏼 We’d love to hear your thoughts and feedback from the community! Let us know what you think. 😀

The wait is over, Guys! 😌 Finally, we've shipped Shadcn Studio 🎉 An open-source registry with copy-and-paste components, blocks, and templates! - Paired with a powerful theme editor to craft, customize, and ship faster. 🚀 - Shadcn Theme Editor & Component variants ✅ - Theme Import/Export ✅ - Save Shadcn Themes ✅ - Shadcn Component Variants ⌛ - Shadcn Figma UI Kit ⌛ - Shadcn Blocks & Templates ⌛ - Figma Plugin, AI, MCP, LLM and more.. ⌛ ➡️ Check it out here: Huge thanks to Anand Patel, Heet Bhalodiya & Aayush Makwana for their incredible work on this! 🙌 Special thanks to shadcn Sahaj 🫱🏼‍🫲🏼 We’d love to hear your thoughts and feedback from the community! Let us know what you think. 😀

Ajay Patel

85,908 views • 1 year ago

🌟@Figma Buzz + LottieFiles now live. Boost engagement, make your socials pop, add spark to your campaigns. - Over 100,000 Free customisable animations - Instantly generate assets with AI Illustrator - “Surprise Me” for endless inspiration

🌟@Figma Buzz + LottieFiles now live. Boost engagement, make your socials pop, add spark to your campaigns. - Over 100,000 Free customisable animations - Instantly generate assets with AI Illustrator - “Surprise Me” for endless inspiration

LottieFiles

667,707 views • 9 months ago

We all know adding media automatically boosts your posts on the algorithm So I built a tool that can generate any image with your tweets using Nano Banana. You can search for the right memes, create infographics and more with JUST text

We all know adding media automatically boosts your posts on the algorithm So I built a tool that can generate any image with your tweets using Nano Banana. You can search for the right memes, create infographics and more with JUST text

Andros

56,077 views • 10 months ago

Goodbye NotebookLM. Introducing the World’s First Full Agentic AI Pods - Generate Any Professional Podcasts with One Prompt! Free to Use for Everyone!

Goodbye NotebookLM. Introducing the World’s First Full Agentic AI Pods - Generate Any Professional Podcasts with One Prompt! Free to Use for Everyone!

Eric Jing

8,093,558 views • 1 year ago

Image to Light - the first AI implementation test on for lighting estimation, and it's🔥 It can generate 360 HDRI light based on just one reference image. Ideal for capturing the lighting from real photos and creating renderings with backplates. I had planned any AI implementation for later, but thanks to Ulrich Forkel for sharing great resources, I couldn't postpone playing with it. #threejs #webgl #ai

Image to Light - the first AI implementation test on for lighting estimation, and it's🔥 It can generate 360 HDRI light based on just one reference image. Ideal for capturing the lighting from real photos and creating renderings with backplates. I had planned any AI implementation for later, but thanks to Ulrich Forkel for sharing great resources, I couldn't postpone playing with it. #threejs #webgl #ai

max

42,495 views • 2 years ago

Using reference sheets with Omni has now become my favorite method for consistent storytelling with AI so I built a Freepik space that allows you to generate these reference sheets (characters & items) with ease, here you go This method allows you to add a character reference sheet, item reference sheet and a location and combine all elements into a single video with multiple camera angle changes using Kling AI 3.0's Omni feature. This feature works wonderfully for consistent storytelling. Enjoy!👍

Using reference sheets with Omni has now become my favorite method for consistent storytelling with AI so I built a Freepik space that allows you to generate these reference sheets (characters & items) with ease, here you go This method allows you to add a character reference sheet, item reference sheet and a location and combine all elements into a single video with multiple camera angle changes using Kling AI 3.0's Omni feature. This feature works wonderfully for consistent storytelling. Enjoy!👍

Travis Davids

20,757 views • 4 months ago

Portfolio Update!🤔 New Features in This Update: -Position Tracking - Track all active positions in one location. -PnL Cards - Generate custom First Ledger PnL cards to share on social media or with friends. -Transaction History - Track all of your buys/sells for a token with just one click. -Custom Slippage Presets - Set custom values for both the buy and sell sides of slippage. -Buy/Sell Presets - set custom amounts for both the buy and sell side to quickly enter/exit a position. For users who prefer not to read, please watch the video below:

Portfolio Update!🤔 New Features in This Update: -Position Tracking - Track all active positions in one location. -PnL Cards - Generate custom First Ledger PnL cards to share on social media or with friends. -Transaction History - Track all of your buys/sells for a token with just one click. -Custom Slippage Presets - Set custom values for both the buy and sell sides of slippage. -Buy/Sell Presets - set custom amounts for both the buy and sell side to quickly enter/exit a position. For users who prefer not to read, please watch the video below:

First Ledger

20,252 views • 1 year ago

Editing on the go just got easier ✨ With #CapCutPad, turn scattered clips into share-ready videos right on your iPad. Available now for non-US users.

Editing on the go just got easier ✨ With #CapCutPad, turn scattered clips into share-ready videos right on your iPad. Available now for non-US users.

CapCut

15,331 views • 6 months ago

How to generate Ad creatives in bulk Canva/photoshop like editor + our AI understands your product + integrates Deepseek and o3 to generate relevant copy all combined into 1 tool. Free for all existing customers. Want to try it out? 👉 Comment ProductCapture + Follow me.

How to generate Ad creatives in bulk Canva/photoshop like editor + our AI understands your product + integrates Deepseek and o3 to generate relevant copy all combined into 1 tool. Free for all existing customers. Want to try it out? 👉 Comment ProductCapture + Follow me.

Fast

11,386 views • 1 year ago

Amazing tools and apps for coders. - UIs with Shadcn - Free SVG icons - AI form builder - Dash for AI agent usage - EU data sovereignty audit

Amazing tools and apps for coders. - UIs with Shadcn - Free SVG icons - AI form builder - Dash for AI agent usage - EU data sovereignty audit

Csaba Kissi

12,143 views • 2 months ago

With these simple steps, you can generate any stock image that you need for your design in 5mins. And all the tool used are FREE. Watch👇

With these simple steps, you can generate any stock image that you need for your design in 5mins. And all the tool used are FREE. Watch👇

Victory🎙️| Use Recollyai

127,704 views • 1 year ago