Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

We updated the Nuxt UI Theme Picker 🔥 Inspired by shadcn create, you can now pick fonts, icon sets, and export everything to your main.css and app.config.ts.

benjamincanac's profile picture

Benjamin Canac

2,341 subscribers

21,106 Aufrufe • vor 8 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

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 7 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,130,525 Aufrufe • vor 8 Monaten

Your app can now pick up a design from a URL. Paste it into Base44 and it just… adapts. We also added a full asset library and app-wide theme controls. Fonts, colors, everything.
1:02

Your app can now pick up a design from a URL. Paste it into Base44 and it just… adapts. We also added a full asset library and app-wide theme controls. Fonts, colors, everything.

Base44

904,037 Aufrufe • vor 5 Monaten

We're cooking a huge update for shadcndesign. 1. We'll bring the shadcn create feature into our plugin. It will allow you to quickly set up the theme for your Figma kit. 2. 5 icon libraries support in 1 Figma kit. Icon libraries that are available in shadcn/create will be available in our Figma kit. 3. Our plugin will be able to generate shadcn/ui code that will support the icon library you use. More details soon.
0:24

We're cooking a huge update for shadcndesign. 1. We'll bring the shadcn create feature into our plugin. It will allow you to quickly set up the theme for your Figma kit. 2. 5 icon libraries support in 1 Figma kit. Icon libraries that are available in shadcn/create will be available in our Figma kit. 3. Our plugin will be able to generate shadcn/ui code that will support the icon library you use. More details soon.

Matt

57,064 Aufrufe • vor 7 Monaten

In the last 2 weeks I created AnimateCode, a keynote-inspired tool to create beautiful, easy-to-understand code animations. ◆ Create your slides just like in keynote ◆ Beautifully animate between slides Built with Next.js, Upstash and shadcn ui Lots of stuff to add like themes & fonts, but I really like where this is going. →
0:43

In the last 2 weeks I created AnimateCode, a keynote-inspired tool to create beautiful, easy-to-understand code animations. ◆ Create your slides just like in keynote ◆ Beautifully animate between slides Built with Next.js, Upstash and shadcn ui Lots of stuff to add like themes & fonts, but I really like where this is going. →

Josh tried coding

154,366 Aufrufe • vor 2 Jahren

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 are finalizing the shadcn/ui kit for Figma, based on the latest shadcn and Tailwind v4. Today, we are creating step-by-step guides in Figma to help beginners quickly start using the UI kit and its features. Following the guide will help you go through the entire process of customizing and using the UI kit to implementing your designs.
0:23

We are finalizing the shadcn/ui kit for Figma, based on the latest shadcn and Tailwind v4. Today, we are creating step-by-step guides in Figma to help beginners quickly start using the UI kit and its features. Following the guide will help you go through the entire process of customizing and using the UI kit to implementing your designs.

Matt

15,677 Aufrufe • vor 1 Jahr

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

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

We are announcing the Supabase UI Library, a set of shadcn-based components you can easily add to your app to implement common features! You can easily add sign-in/sign-up, image drop-zone, real-time chat, and many other components to your app using the shadcn CLI!
1:08

We are announcing the Supabase UI Library, a set of shadcn-based components you can easily add to your app to implement common features! You can easily add sign-in/sign-up, image drop-zone, real-time chat, and many other components to your app using the shadcn CLI!

Supabase

125,241 Aufrufe • vor 1 Jahr

Introducing Efferd v1 The best shadcn blocks library! Rebuilt from the ground up. New brand, new experience. . Base UI support alongside Radix by WorkOS . Multiple icon libraries Lucide Icons · Hugeicons · Tabler (more soon). . 100+ new blocks. . New Customizer to tailor blocks to your style, theme, font, and radius.
0:30

Introducing Efferd v1 The best shadcn blocks library! Rebuilt from the ground up. New brand, new experience. . Base UI support alongside Radix by WorkOS . Multiple icon libraries Lucide Icons · Hugeicons · Tabler (more soon). . 100+ new blocks. . New Customizer to tailor blocks to your style, theme, font, and radius.

Shaban

61,995 Aufrufe • vor 6 Monaten

CLAUDE CODE CAN NOW USE SHADCN SKILLS TO BUILD COMPONENTS THE RIGHT WAY. Install the skill once, and it starts generating UI with shadcn components automatically.
1:00

CLAUDE CODE CAN NOW USE SHADCN SKILLS TO BUILD COMPONENTS THE RIGHT WAY. Install the skill once, and it starts generating UI with shadcn components automatically.

0xMarioNawfal

117,158 Aufrufe • vor 5 Monaten

After months of hard work, it's here! 🚀 The NEW shadcn/ui kit for Figma, based on Tailwind v4 and shadcn 2.5.0! What's new? ⭐ Updated Figma kit ⭐ Refactored Pro Blocks for Tailwind v4 ⭐ 28 new Pro Blocks ⭐ Added new AI models to our plugin for improved component generation ⭐ New feature: Export Figma themes via our plugin and install them with shadcn/ui registry
2:27

After months of hard work, it's here! 🚀 The NEW shadcn/ui kit for Figma, based on Tailwind v4 and shadcn 2.5.0! What's new? ⭐ Updated Figma kit ⭐ Refactored Pro Blocks for Tailwind v4 ⭐ 28 new Pro Blocks ⭐ Added new AI models to our plugin for improved component generation ⭐ New feature: Export Figma themes via our plugin and install them with shadcn/ui registry

Matt

26,730 Aufrufe • vor 1 Jahr

Introducing Fonttrio - the new shadcn/google-fonts :DDD Stop spending time picking fonts, adding them to layout.tsx, and configuring them in globals.css for every typography element. Fonttrio does all of that for you using shadcn registry:font. I’ve put together a collection of font pairs (based on my own preferences and combinations from Google Fonts) so you can set up fonts in your project with just one command. Let’s stop using only Inter and Geist - there are so many more interesting fonts out there!
1:43

Introducing Fonttrio - the new shadcn/google-fonts :DDD Stop spending time picking fonts, adding them to layout.tsx, and configuring them in globals.css for every typography element. Fonttrio does all of that for you using shadcn registry:font. I’ve put together a collection of font pairs (based on my own preferences and combinations from Google Fonts) so you can set up fonts in your project with just one command. Let’s stop using only Inter and Geist - there are so many more interesting fonts out there!

KapishDima

227,954 Aufrufe • vor 6 Monaten

As promised, the hotel management dashboard is now live and has been added to the shadcn/ui kit 😉. ⤵️ You can explore it using the link below.
0:32

As promised, the hotel management dashboard is now live and has been added to the shadcn/ui kit 😉. ⤵️ You can explore it using the link below.

Toby

68,488 Aufrufe • vor 9 Monaten

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,902 Aufrufe • vor 6 Monaten

Do all shadcn/ui apps look the same? No. They don't have to. Think of shadcn/ui as a coloring template - it provides the outlines & structure. Black & white. A starting point. You get to fill it with your own unique colors and styles. And it's really easy. Here's an example:
2:03

Do all shadcn/ui apps look the same? No. They don't have to. Think of shadcn/ui as a coloring template - it provides the outlines & structure. Black & white. A starting point. You get to fill it with your own unique colors and styles. And it's really easy. Here's an example:

shadcn

392,598 Aufrufe • vor 1 Jahr

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 10 Monaten

Announcing the Style Guide in primeui. Customize your project theme with a shadcn-compatible token system. Preview it live with as many variants as you need on the canvas. Export clean, production-ready Next.js code in minutes. Prime UI gives you a strong foundation for your website, whether you build it yourself or with AI. It includes 200+ UI components, all crafted by humans with pixel-perfect quality, a solid design system, and clean code. Plan your site with the Sitemap tool. Explore content, layout ideas, and storytelling in Prototype. Shape the look and feel in Style Guide, then export everything to Next.js. You get more than just landing pages. You get a consistent foundation for your entire site, including Blog, Docs, Pricing, and more, without having to worry about architecture, content blocks, SEO, or performance. Available today.
0:25

Announcing the Style Guide in primeui. Customize your project theme with a shadcn-compatible token system. Preview it live with as many variants as you need on the canvas. Export clean, production-ready Next.js code in minutes. Prime UI gives you a strong foundation for your website, whether you build it yourself or with AI. It includes 200+ UI components, all crafted by humans with pixel-perfect quality, a solid design system, and clean code. Plan your site with the Sitemap tool. Explore content, layout ideas, and storytelling in Prototype. Shape the look and feel in Style Guide, then export everything to Next.js. You get more than just landing pages. You get a consistent foundation for your entire site, including Blog, Docs, Pricing, and more, without having to worry about architecture, content blocks, SEO, or performance. Available today.

Alex Barashkov

32,330 Aufrufe • vor 5 Monaten