Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Introducing Shadcn theme generator 🥳 I wanted to create a custom theme generator for and today I’ve released it in beta. Explore freely on an infinite canvas, tweak theme settings, save, share, or apply them directly to your codebase. There might be bugs or missing parts. I’m open to...

TobyBelhome's profile picture

Toby

4,972 subscribers

18,001 Aufrufe • vor 3 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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

Make Edge your own with Theme Generator. Now available on desktop.
0:20

Make Edge your own with Theme Generator. Now available on desktop.

Microsoft Edge

3,803,580 Aufrufe • vor 2 Jahren

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

🎨 Design freely with Agent 4. - Design while the agent builds. - Explore multiple UI variants on an infinite canvas. - Make precise UI edits that you can apply directly to your app.
0:30

🎨 Design freely with Agent 4. - Design while the agent builds. - Explore multiple UI variants on an infinite canvas. - Make precise UI edits that you can apply directly to your app.

Replit ⠕

184,057 Aufrufe • vor 3 Monaten

Such a good theme song ⚙️ Generator Rex premiered 15 years ago, today!
0:20

Such a good theme song ⚙️ Generator Rex premiered 15 years ago, today!

Ben 10 News

22,781 Aufrufe • vor 1 Jahr

HUGE wins for Liquid themes now in Dev Preview!! 🆕 New Settings UI 🆕 Metaobject Settings 🆕 Dynamic Sources for Theme Blocks These are coming to GA soon, but we wanted to get these into your hands ASAP so we can iterate and polish based on your feedback. DMs are open!
6:18

HUGE wins for Liquid themes now in Dev Preview!! 🆕 New Settings UI 🆕 Metaobject Settings 🆕 Dynamic Sources for Theme Blocks These are coming to GA soon, but we wanted to get these into your hands ASAP so we can iterate and polish based on your feedback. DMs are open!

Ben Sehl

47,353 Aufrufe • vor 1 Jahr

Introducing Veil a shadcn ui marketing blocks kit for building super simple websites. - registry ready - light and dark theme supported - open in v0 👇
1:49

Introducing Veil a shadcn ui marketing blocks kit for building super simple websites. - registry ready - light and dark theme supported - open in v0 👇

Méschac Irung

99,794 Aufrufe • vor 5 Monaten

Introducing Design Mode on v0: • Quickly tweak your generation — copy, typography, layout, colors, styling, and more • Preview changes and save when ready • No need to spend credits or wait for an LLM • Tailwind and shadcn native
0:23

Introducing Design Mode on v0: • Quickly tweak your generation — copy, typography, layout, colors, styling, and more • Preview changes and save when ready • No need to spend credits or wait for an LLM • Tailwind and shadcn native

v0

561,713 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

These guys are awesome! Tried to do a "battle-theme" or a overall "theme"
1:44

These guys are awesome! Tried to do a "battle-theme" or a overall "theme"

giga

113,115 Aufrufe • vor 10 Monaten

We’ve brought shadcn/create into our Figma toolkit. With our Figma to shadcn/ui plugin, you can tailor the component library just like you do in shadcn/create - directly in Figma. Adjust base and theme colors, radii, fonts, and icon sets in seconds.
0:51

We’ve brought shadcn/create into our Figma toolkit. With our Figma to shadcn/ui plugin, you can tailor the component library just like you do in shadcn/create - directly in Figma. Adjust base and theme colors, radii, fonts, and icon sets in seconds.

Matt

10,553 Aufrufe • vor 5 Monaten

Today, we’re introducing Ideogram Canvas, an infinite creative board for organizing, generating, editing, and combining images. Bring your face or brand visuals to Ideogram Canvas and use industry-leading Magic Fill and Extend to blend them with creative, AI-generated content.
0:45

Today, we’re introducing Ideogram Canvas, an infinite creative board for organizing, generating, editing, and combining images. Bring your face or brand visuals to Ideogram Canvas and use industry-leading Magic Fill and Extend to blend them with creative, AI-generated content.

Ideogram

520,742 Aufrufe • vor 1 Jahr

Is your app theme still just "default"? That's the real horror! 😱 Learn how to stitch together a custom theme using the Theme widget. Get a technical walkthrough on customizing your app's colorScheme and textTheme in this previous #WidgetOfTheWeek. #ThrowbackThursday
3:22

Is your app theme still just "default"? That's the real horror! 😱 Learn how to stitch together a custom theme using the Theme widget. Get a technical walkthrough on customizing your app's colorScheme and textTheme in this previous #WidgetOfTheWeek. #ThrowbackThursday

Flutter

12,818 Aufrufe • vor 8 Monaten

Introducing shadcn/create – Build your own shadcn/ui Customize Everything. Pick your component library, icons, base color, theme, fonts and build something that doesn’t look like everything else. Now available for Next.js, Vite, TanStack Start and v0.
0:29

Introducing shadcn/create – Build your own shadcn/ui Customize Everything. Pick your component library, icons, base color, theme, fonts and build something that doesn’t look like everything else. Now available for Next.js, Vite, TanStack Start and v0.

shadcn

1,128,198 Aufrufe • vor 7 Monaten

My matsu-theme for shadcn is now live! I also started working on a dedicated Figma kit for this theme. Preview and install with CLI ⬇️
0:36

My matsu-theme for shadcn is now live! I also started working on a dedicated Figma kit for this theme. Preview and install with CLI ⬇️

Matt

56,871 Aufrufe • vor 1 Jahr

LEAKED: Shopify might stop allowing the sale of premium themes in the future. Our store looks custom-code, but it’s just the %100 FREE Dawn theme + ready-to-use sections. We built the entire store in under 10 minutes. Just drag-and-drop these ready-to-use sections into your theme and customize them directly in the editor. Comment “SUN” and I’ll show you how to do it. (must be following so I can DM you)
0:23

LEAKED: Shopify might stop allowing the sale of premium themes in the future. Our store looks custom-code, but it’s just the %100 FREE Dawn theme + ready-to-use sections. We built the entire store in under 10 minutes. Just drag-and-drop these ready-to-use sections into your theme and customize them directly in the editor. Comment “SUN” and I’ll show you how to do it. (must be following so I can DM you)

George

24,020 Aufrufe • vor 6 Monaten

LEAKED: Shopify might stop allowing the sale of premium themes in the future. Our store looks custom-code, but it’s just the %100 FREE Dawn theme + ready-to-use sections. We built the entire store in under 10 minutes. Just drag-and-drop these ready-to-use sections into your theme and customize them directly in the editor. Comment “READY” and I’ll show you how to do it. (must be following so I can DM you)
0:23

LEAKED: Shopify might stop allowing the sale of premium themes in the future. Our store looks custom-code, but it’s just the %100 FREE Dawn theme + ready-to-use sections. We built the entire store in under 10 minutes. Just drag-and-drop these ready-to-use sections into your theme and customize them directly in the editor. Comment “READY” and I’ll show you how to do it. (must be following so I can DM you)

Donald

17,522 Aufrufe • vor 5 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

Introducing MagicPath, an infinite canvas to create, refine, and explore with AI. Create beautiful components and functional apps, while providing production ready code. Available today, free, for everyone. The Cursor moment for design is here.
1:44

Introducing MagicPath, an infinite canvas to create, refine, and explore with AI. Create beautiful components and functional apps, while providing production ready code. Available today, free, for everyone. The Cursor moment for design is here.

Pietro Schirano

1,879,977 Aufrufe • vor 1 Jahr