Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 ⬇️

matsugfx's profile picture

Matt

7,552 subscribers

56,913 Aufrufe • vor 1 Jahr •via X (Twitter)

BildungWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von Ankita Kulkarni
Ankita Kulkarnivor 1 Jahr

@shadcn This is so cool, just created a video on this! Good work 👏

Profilbild von RedDeer.Games
RedDeer.Gamesvor 5 Jahren

Bring Your Switch To Life With The "Triple-A Clock" #AAAClock ⬅️ ➡️ #OLED Ready #NintendoSwitch

Profilbild von kitze 🚀
kitze 🚀vor 1 Jahr

@shadcn finally something refreshing in the space of webdev gj 👏

Profilbild von Matt Wierzbicki
Matt Wierzbickivor 1 Jahr

@shadcn Thanks 🙌

Profilbild von Hezha
Hezhavor 1 Jahr

@shadcn Just applied it to a study tracking wip and I love it straight out of the box!

Profilbild von Matt Wierzbicki
Matt Wierzbickivor 1 Jahr

@shadcn Nice!

Profilbild von 🦁Haidar from 🐻Bearmentor
🦁Haidar from 🐻Bearmentorvor 1 Jahr

@shadcn The best Ghibli-inspired @shadcn UI theme 🎋🎍

Profilbild von Matt Wierzbicki
Matt Wierzbickivor 1 Jahr

@shadcn Thank you for the kind words ☺️

Profilbild von jonnie
jonnievor 1 Jahr

@shadcn

Profilbild von Fabio Vedovelli
Fabio Vedovellivor 1 Jahr

@shadcn A work of art!

Profilbild von Matt Wierzbicki
Matt Wierzbickivor 1 Jahr

@shadcn 🎨👨‍🎨

Ähnliche Videos

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

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

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

I love working with isometric so much! Working on a little plugin for Figma. Here is a small preview, is this something you'd want?
0:21

I love working with isometric so much! Working on a little plugin for Figma. Here is a small preview, is this something you'd want?

Jeff Broderick

60,820 Aufrufe • vor 8 Monaten

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 👇

irung

100,095 Aufrufe • vor 7 Monaten

My mind is blown. Today, I was testing the latest shadcn MCP with Figma MCP and our upcoming pro-blocks registry (CLI 3.0). It was able to create this simple landing page designed in Figma with Pro Blocks and custom styles in around 4 minutes.
0:39

My mind is blown. Today, I was testing the latest shadcn MCP with Figma MCP and our upcoming pro-blocks registry (CLI 3.0). It was able to create this simple landing page designed in Figma with Pro Blocks and custom styles in around 4 minutes.

Matt

182,609 Aufrufe • vor 1 Jahr

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,973 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

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

I was ready to tear my (remaining) hair out. Every shadcn UI kit for Figma I found on Figma Community was of poor quality, missing components or outdated. 😡 My client's deadline loomed, and I needed a solution fast... That's when inspiration struck. With my seven years of experience creating Figma resources and managing the Ant Design System, why not make the kit myself? 🤔 I dove in, pouring my expertise into every component. Days blended as I crafted, refined, and perfected. 🥵 Finally, I sat back and smiled. Before me was the high-quality, up-to-date Shadcn UI kit I'd been searching for, complete with customer support. 🤩 As I prepared to share it with the world, I felt a surge of excitement. This wasn't just a solution to my problem – it was a resource that could help thousands of other designers and developers. It’s not a dream. I made it.
1:58

I was ready to tear my (remaining) hair out. Every shadcn UI kit for Figma I found on Figma Community was of poor quality, missing components or outdated. 😡 My client's deadline loomed, and I needed a solution fast... That's when inspiration struck. With my seven years of experience creating Figma resources and managing the Ant Design System, why not make the kit myself? 🤔 I dove in, pouring my expertise into every component. Days blended as I crafted, refined, and perfected. 🥵 Finally, I sat back and smiled. Before me was the high-quality, up-to-date Shadcn UI kit I'd been searching for, complete with customer support. 🤩 As I prepared to share it with the world, I felt a surge of excitement. This wasn't just a solution to my problem – it was a resource that could help thousands of other designers and developers. It’s not a dream. I made it.

Matt

190,401 Aufrufe • vor 2 Jahren

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 feedback 🙂
0:28

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 feedback 🙂

Toby

18,001 Aufrufe • vor 5 Monaten

"Clean Slate" is now streaming on Prime Video and whatnot. Thank you @TheAlexNewell for crushing this theme song.
0:57

"Clean Slate" is now streaming on Prime Video and whatnot. Thank you @TheAlexNewell for crushing this theme song.

George Wallace

52,491 Aufrufe • vor 1 Jahr

& the animation during the theme video was done by the talented shipi!!!! I wanted to go for a cool 80's retro theme on this section shipi knocked it out of the park with it!! genuinely such a talented animator, thank you so much for working with me :']
0:23

& the animation during the theme video was done by the talented shipi!!!! I wanted to go for a cool 80's retro theme on this section shipi knocked it out of the park with it!! genuinely such a talented animator, thank you so much for working with me :']

romeo

20,099 Aufrufe • vor 8 Monaten

Re: Zero Season 4 - Ending Theme, "ender ember" by Myth & Roid ft. Tk This is a recording from the recent live, so audio quality is unfortunately a bit poor, but my god, THEY COOKED. I LOVE THIS ENDING THEME SO MUCH. I CAN'T WAIT FOR THE SINGLE AND TV CUT VERSION.
3:59

Re: Zero Season 4 - Ending Theme, "ender ember" by Myth & Roid ft. Tk This is a recording from the recent live, so audio quality is unfortunately a bit poor, but my god, THEY COOKED. I LOVE THIS ENDING THEME SO MUCH. I CAN'T WAIT FOR THE SINGLE AND TV CUT VERSION.

Re: Zero News by Ice

67,676 Aufrufe • vor 6 Monaten

My new Animated Music Video for "Volaille (Goose's Theme)" is live! Check out the full version on my YT!
0:21

My new Animated Music Video for "Volaille (Goose's Theme)" is live! Check out the full version on my YT!

Emezie Okorafor

15,944 Aufrufe • vor 3 Jahren

In light of the recent Deltarune Chapter 5 announcement.. here is a FANMADE Asgore Theme I started working on before and after the announcement that I think fits much better.
0:40

In light of the recent Deltarune Chapter 5 announcement.. here is a FANMADE Asgore Theme I started working on before and after the announcement that I think fits much better.

smileysqueak🎵 🇨🇦 - COMMS OPEN (0/4)

57,540 Aufrufe • vor 3 Monaten