Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

iamncdai's profile picture

Chánh Đại

3,269 subscribers

11,928 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

Bored of basic, lifeless charts? hold on... 🔥 Introducing EvilCharts ◆ Animated & sleek ◆ Dark/Light Themes ◆ Built with Shadcn + Recharts ◆ Add in seconds: 'npx shadcn add evilcharts' 🔗:
0:36

Bored of basic, lifeless charts? hold on... 🔥 Introducing EvilCharts ◆ Animated & sleek ◆ Dark/Light Themes ◆ Built with Shadcn + Recharts ◆ Add in seconds: 'npx shadcn add evilcharts' 🔗:

Gurbinder

12,987 Aufrufe • vor 1 Jahr

React Elastic Slider component - Inspired by the Slider in DialKit (joshpuckett) - Built while learning from the “Creating a Slider Component” lesson in Interface Craft (joshpuckett) Install with shadcn CLI: npx shadcn add @ncdai/elastic-slider
0:30

React Elastic Slider component - Inspired by the Slider in DialKit (joshpuckett) - Built while learning from the “Creating a Slider Component” lesson in Interface Craft (joshpuckett) Install with shadcn CLI: npx shadcn add @ncdai/elastic-slider

Chánh Đại

15,137 Aufrufe • vor 3 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,882 Aufrufe • vor 1 Jahr

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

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

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

Progress update 👀 These are working much better now! 🎨 change theme colors 🌗 toggle dark / light mode ↩️ tweak border radius The demo video shows me playing with the shadcn website running locally (localhost:4000). clone and try previewcn now🔥 link in the reply ↓
0:25

Progress update 👀 These are working much better now! 🎨 change theme colors 🌗 toggle dark / light mode ↩️ tweak border radius The demo video shows me playing with the shadcn website running locally (localhost:4000). clone and try previewcn now🔥 link in the reply ↓

Taishi 🇯🇵🇨🇦

11,877 Aufrufe • vor 7 Monaten

Built a new component library: animated image generation loader and reveal effect 3 different types, dark and light mode support npm install img-fx
0:26

Built a new component library: animated image generation loader and reveal effect 3 different types, dark and light mode support npm install img-fx

Jakub Antalik

16,330 Aufrufe • vor 2 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

React Native & with Expo using shadcn template !!! ✨New Component: Import Alert Dialog Components and easily add it your React Native & Expo App Both Expo and RN CLI #buildinpublic #buildingpublic
0:27

React Native & with Expo using shadcn template !!! ✨New Component: Import Alert Dialog Components and easily add it your React Native & Expo App Both Expo and RN CLI #buildinpublic #buildingpublic

Sid

63,527 Aufrufe • vor 2 Jahren

A new version of the Liquid Metal is available. Thanks to Martin Petercak the performance is much better and it should run smoothly in all browsers Includes built-in reflection, dark & light modes, shadcn version npm install metal-fx
0:20

A new version of the Liquid Metal is available. Thanks to Martin Petercak the performance is much better and it should run smoothly in all browsers Includes built-in reflection, dark & light modes, shadcn version npm install metal-fx

Jakub Antalik

15,921 Aufrufe • vor 2 Monaten

600 SVGs available on Svgl 🥳🚀 ✓ Fully optimized ✓ React, Vue, Angular, Astro, Svelte & Web Components ✓ Add SVGs with the shadcn/ui CLI ✓ Free API ✓ Raycast extension, npm packages, and CLIs built by contributors and 100% free, open source ✨
0:25

600 SVGs available on Svgl 🥳🚀 ✓ Fully optimized ✓ React, Vue, Angular, Astro, Svelte & Web Components ✓ Add SVGs with the shadcn/ui CLI ✓ Free API ✓ Raycast extension, npm packages, and CLIs built by contributors and 100% free, open source ✨

Pablo

95,527 Aufrufe • vor 4 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,738 Aufrufe • vor 5 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

What if we could animate theme transitions just like the OS does for dark and light mode? Well, now you can with Uniwind Pro 🥳 Enable smooth transitions directly from JS, from ANY theme to ANY theme (even OS triggered theme changes). The animation runs in Swift/Kotlin, while C++ handles the ShadowTree update
0:20

What if we could animate theme transitions just like the OS does for dark and light mode? Well, now you can with Uniwind Pro 🥳 Enable smooth transitions directly from JS, from ANY theme to ANY theme (even OS triggered theme changes). The animation runs in Swift/Kotlin, while C++ handles the ShadowTree update

Jacek

22,176 Aufrufe • vor 8 Monaten

🆕 Your AI Agent can now trade perps with up to 50x leverage Introducing Byreal Perps Skills ✨ With one prompt, your agent can autonomously scan the market for trade setups, manage your positions, and set TP/SL orders. Install ↓ npx skills add byreal-git/byreal-perps-cli
0:43

🆕 Your AI Agent can now trade perps with up to 50x leverage Introducing Byreal Perps Skills ✨ With one prompt, your agent can autonomously scan the market for trade setups, manage your positions, and set TP/SL orders. Install ↓ npx skills add byreal-git/byreal-perps-cli

Byreal

18,921 Aufrufe • vor 3 Monaten

Introducing: Superset CLI 🎮 Drive Superset from within the terminal, or sit back and let your agents do it 🏖️ Create workspaces, spin up agents, edit tasks, etc. All through the terminal, updates the app in real-time. Works with automation and remote workspaces. Teach it to your agents with skills: npx skills add Available now: brew install superset-sh/tap/superset
1:16

Introducing: Superset CLI 🎮 Drive Superset from within the terminal, or sit back and let your agents do it 🏖️ Create workspaces, spin up agents, edit tasks, etc. All through the terminal, updates the app in real-time. Works with automation and remote workspaces. Teach it to your agents with skills: npx skills add Available now: brew install superset-sh/tap/superset

Superset

19,847 Aufrufe • vor 2 Monaten

1️⃣ - When a UI library gets popular, every app starts to look the same. How do we solve this? Introducing Styles. A new approach for shipping UI components. Start with Radix UI and Tailwind CSS. Add a style, including shapes, icons & animations. Apply your colors. ⬇️
0:25

1️⃣ - When a UI library gets popular, every app starts to look the same. How do we solve this? Introducing Styles. A new approach for shipping UI components. Start with Radix UI and Tailwind CSS. Add a style, including shapes, icons & animations. Apply your colors. ⬇️

shadcn

531,753 Aufrufe • vor 3 Jahren

Brief explanation: You create a layer, go to 'layer properties' and add a border effect. Then you choose a dark color for the border, then a light color to shade where you want. After that, merge the layer with the border effect with a clean layer, and blur the edges if you want!
1:05

Brief explanation: You create a layer, go to 'layer properties' and add a border effect. Then you choose a dark color for the border, then a light color to shade where you want. After that, merge the layer with the border effect with a clean layer, and blur the edges if you want!

❤︎ MIZUKI.

51,272 Aufrufe • vor 2 Monaten