Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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.

iamsahaj_xyz's profile picture

Sahaj

9,968 subscribers

89,088 Aufrufe • vor 1 Jahr •via X (Twitter)

KunstWissenschaft & TechnologieBildung
LIVE

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von Sahaj
Sahajvor 1 Jahr

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

Profilbild von TXYZ
TXYZvor 1 Jahr

⏰ 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! 🔗

Profilbild von Guillermo Rauch
Guillermo Rauchvor 1 Jahr

@shadcn 🔥

Profilbild von Sahaj
Sahajvor 1 Jahr

@shadcn 🫡🫡

Profilbild von Méschac Irung
Méschac Irungvor 1 Jahr

@shadcn 🚀

Profilbild von ryan soderberg
ryan soderbergvor 1 Jahr

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

Profilbild von Sahaj
Sahajvor 1 Jahr

@shadcn noted 🫡

Profilbild von lakshay bhushan
lakshay bhushanvor 1 Jahr

@shadcn awesome!!

Profilbild von Sahaj
Sahajvor 1 Jahr

@shadcn thanks man <3

Profilbild von Ronny Badilla
Ronny Badillavor 1 Jahr

@shadcn Gold! Great work Sahaj 💪🏻

Profilbild von Sahaj
Sahajvor 1 Jahr

@shadcn 🙌🙌

Ähnliche Videos

Clerk now supports theming with CSS variables → Built-in shadcn / ui theme → Auto-syncs with your existing config See it in action👇
25:45

Clerk now supports theming with CSS variables → Built-in shadcn / ui theme → Auto-syncs with your existing config See it in action👇

Clerk

21,452 Aufrufe • vor 11 Monaten

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

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 Aufrufe • vor 2 Jahren

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

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

Runway

25,009 Aufrufe • vor 1 Jahr

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.
1:15

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 Aufrufe • vor 4 Monaten

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.
0:56

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 Aufrufe • vor 1 Jahr

We shipped custom themes in v0. We've made it super easy for you to create, edit, and generate themes. And we want to help you do even more. 🧵
0:20

We shipped custom themes in v0. We've made it super easy for you to create, edit, and generate themes. And we want to help you do even more. 🧵

shadcn

90,593 Aufrufe • vor 2 Jahren

Animated transitions when switching between light and dark themes. Install with shadcn CLI npx shadcn add @ncdai/theme-toggle-effect-circle
0:23

Animated transitions when switching between light and dark themes. Install with shadcn CLI npx shadcn add @ncdai/theme-toggle-effect-circle

Chánh Đại

11,928 Aufrufe • vor 3 Monaten

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!
0:36

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 Aufrufe • vor 9 Monaten

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.
0:23

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

97,829 Aufrufe • vor 4 Monaten

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.
0:25

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,814 Aufrufe • vor 1 Jahr

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!
0:23

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 Aufrufe • vor 9 Monaten

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.
0:22

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 Aufrufe • vor 9 Monaten

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. 😀
1:42

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 Aufrufe • vor 1 Jahr

🌟@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
1:29

🌟@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 Aufrufe • vor 8 Monaten

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
3:58

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 Aufrufe • vor 9 Monaten

🚀 Introducing AI Prompt for Theming! ✅ Effortless theming with endless options. 🖼️ Unlock unique and creative AI-driven combinations. Try it now:
0:43

🚀 Introducing AI Prompt for Theming! ✅ Effortless theming with endless options. 🖼️ Unlock unique and creative AI-driven combinations. Try it now:

LottieFiles

15,891 Aufrufe • vor 1 Jahr

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

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 Aufrufe • vor 1 Jahr

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
0:36

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,441 Aufrufe • vor 2 Jahren

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!👍
1:58

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 Aufrufe • vor 4 Monaten

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:
3:37

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 Aufrufe • vor 1 Jahr