Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 2 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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

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

particle typography npx shadcn add @componentry/cursor-driven-particle-typography
0:22

particle typography npx shadcn add @componentry/cursor-driven-particle-typography

Ali Bey

16,110 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

v0 + shadcn/ui CLI Install all dependencies for a v0 generation with just one command.
0:43

v0 + shadcn/ui CLI Install all dependencies for a v0 generation with just one command.

v0

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

Just added init support for Laravel + breeze. One command to get started: npx shadcn@latest init
0:29

Just added init support for Laravel + breeze. One command to get started: npx shadcn@latest init

shadcn

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

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

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

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

primitives is out! UI (prompt-kit) + API (AI SDK v5) to build AI applications. install it in one command with the shadcn CLI.
0:29

primitives is out! UI (prompt-kit) + API (AI SDK v5) to build AI applications. install it in one command with the shadcn CLI.

Ibelick

117,137 görüntüleme • 10 ay önce

shadcn/create works out of the box with Laravel Run laravel new, build your preset then apply it using the cli.
0:37

shadcn/create works out of the box with Laravel Run laravel new, build your preset then apply it using the cli.

shadcn

72,847 görüntüleme • 3 ay önce

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

Developing components for shadcn/ui is still largely a manual process. Every week, I manually go through 5,000+ components and examples checking spacing, animation, light/dark mode, typography, icons, and more.
0:25

Developing components for shadcn/ui is still largely a manual process. Every week, I manually go through 5,000+ components and examples checking spacing, animation, light/dark mode, typography, icons, and more.

shadcn

131,705 görüntüleme • 4 ay önce

Introducing Agents UI, an open-source shadcn component library for building polished React frontends for your voice agents. Audio visualizers. Media controls. Session management tools. Chat transcripts. All wired to LiveKit Agents. Install via the shadcn CLI and own the code.
0:43

Introducing Agents UI, an open-source shadcn component library for building polished React frontends for your voice agents. Audio visualizers. Media controls. Session management tools. Chat transcripts. All wired to LiveKit Agents. Install via the shadcn CLI and own the code.

LiveKit

182,554 görüntüleme • 3 ay önce

Introducing shadcn/play An open-source playground for building, editing, and sharing shadcn blocks and components. - Live code, instant preview - Zero setup - Dark mode / Light mode - Mobile-responsive view - Shareable links Try it:
0:29

Introducing shadcn/play An open-source playground for building, editing, and sharing shadcn blocks and components. - Live code, instant preview - Zero setup - Dark mode / Light mode - Mobile-responsive view - Shareable links Try it:

Duncan

34,499 görüntüleme • 4 ay önce

Now, you can install any email locally with shadcn Here's how 👇
0:24

Now, you can install any email locally with shadcn Here's how 👇

new.email

75,866 görüntüleme • 1 yıl önce

You can now import any Motion-Primitives component with the shadcn CLI 🤝
0:24

You can now import any Motion-Primitives component with the shadcn CLI 🤝

Ibelick

66,463 görüntüleme • 1 yıl önce

How to transform a shadcn switch into a pricing toggle ↓
0:39

How to transform a shadcn switch into a pricing toggle ↓

Pasquale Vitiello

109,133 görüntüleme • 1 yıl önce