Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

8,666 subscribers

88,608 görüntüleme • 1 yıl önce •via X (Twitter)

SanatBilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

11 Yorum

Sahaj profil fotoğrafı
Sahaj1 yıl önce

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

TXYZ profil fotoğrafı
TXYZ1 yıl önce

⏰ 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 profil fotoğrafı
Guillermo Rauch1 yıl önce

@shadcn 🔥

Sahaj profil fotoğrafı
Sahaj1 yıl önce

@shadcn 🫡🫡

Méschac Irung profil fotoğrafı
Méschac Irung1 yıl önce

@shadcn 🚀

ryan soderberg profil fotoğrafı
ryan soderberg1 yıl önce

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

Sahaj profil fotoğrafı
Sahaj1 yıl önce

@shadcn noted 🫡

lakshay bhushan profil fotoğrafı
lakshay bhushan1 yıl önce

@shadcn awesome!!

Sahaj profil fotoğrafı
Sahaj1 yıl önce

@shadcn thanks man <3

Ronny Badilla profil fotoğrafı
Ronny Badilla1 yıl önce

@shadcn Gold! Great work Sahaj 💪🏻

Sahaj profil fotoğrafı
Sahaj1 yıl önce

@shadcn 🙌🙌

Benzer Videolar

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 görüntüleme • 10 ay önce

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,166 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

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,669 görüntüleme • 3 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 8 ay önce

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 görüntüleme • 3 ay önce

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,795 görüntüleme • 1 yıl önce

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,409 görüntüleme • 8 ay önce

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,427 görüntüleme • 8 ay önce

🌟@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 görüntüleme • 7 ay önce

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,173 görüntüleme • 11 ay önce

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 görüntüleme • 9 ay önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 3 ay önce

🚀 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 görüntüleme • 1 yıl önce

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,247 görüntüleme • 1 yıl önce

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

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,309 görüntüleme • 4 ay önce