正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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 次观看 • 1 年前 •via X (Twitter)

艺术科学技术教育

Anya Rossi• Live Now

Private livecam show

11 条评论

Sahaj 的头像

Sahaj1 年前

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

TXYZ 的头像

TXYZ1 年前

⏰ 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 Rauch 的头像

Guillermo Rauch1 年前

@shadcn 🔥

Sahaj 的头像

Sahaj1 年前

@shadcn 🫡🫡

Méschac Irung 的头像

Méschac Irung1 年前

@shadcn 🚀

ryan soderberg 的头像

ryan soderberg1 年前

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

Sahaj 的头像

Sahaj1 年前

@shadcn noted 🫡

lakshay bhushan 的头像

lakshay bhushan1 年前

@shadcn awesome!!

Sahaj 的头像

Sahaj1 年前

@shadcn thanks man <3

Ronny Badilla 的头像

Ronny Badilla1 年前

@shadcn Gold! Great work Sahaj 💪🏻

Sahaj 的头像

Sahaj1 年前

@shadcn 🙌🙌

相关视频

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 次观看 • 2 年前

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,073 次观看 • 1 年前

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 次观看 • 5 个月前

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 次观看 • 1 年前

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 次观看 • 9 个月前

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 次观看 • 5 个月前

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 次观看 • 10 个月前

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 次观看 • 1 年前

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 次观看 • 9 个月前

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 次观看 • 1 年前

🌟@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 次观看 • 9 个月前

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 次观看 • 10 个月前

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 次观看 • 1 年前

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 次观看 • 2 年前

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 次观看 • 6 个月前

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 次观看 • 1 年前

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 次观看 • 4 个月前

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 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 2 个月前