正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Just pushed the <Command /> component. Built using cmdk. Perfect for your ⌘K command menus. The style has been tuned to adapt and work with Popovers, as Comboboxes and even inside Dropdown Menus. + Accessible and Dark Mode. Check it out.

shadcn

242,423 subscribers

107,537 次观看 • 3 年前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

34 条评论

shadcn 的头像

shadcn3 年前

Demo:

Julius 的头像

Julius3 年前

shadui :tm: is the component lib we all wanted but didn't bother build ourselves :) great stuff

shadcn 的头像

shadcn3 年前

Thanks Julius. Big fan of your own @trpcio!

Pietro Schirano 的头像

Pietro Schirano3 年前

The Command component has been pushed inside the Figma file as well! 🤝

misaka 的头像

misaka3 年前

What did you use to make video like that?

shadcn 的头像

shadcn3 年前

I use Screenflow to record and edit. Then import into Canva to add text and animations.

John Rush 的头像

John Rush3 年前

what tool do you use to create these demo videos?

Anurag Banerjee 的头像

Anurag Banerjee3 年前

You are a mind reader! We were going to implement your components for one of our in-house products and the only thing missing for us was the Command Palette. We had just started to style cmdk and BOOM! Big fan of your work!

shadcn 的头像

shadcn3 年前

@anuragbanerg8 Thank you! Looking forward to to seeing the new products.

Anurag Banerjee 的头像

Anurag Banerjee3 年前

Yes yes yes! Very soon. @vipiny35 🙊🙈🙉

chronark 的头像

chronark3 年前

Another thing I'll get sidetracked by and copy rather than what I should do :D Great work!

Thomas Burleson 的头像

Thomas Burleson3 年前

You know what I would love? I will love you for you to make a YouTube video of HOW you made that animation; using canva and screen flow I assume.

Magny Search Bar 的头像

Magny Search Bar3 年前

That will save a lot of time. There are a few rarely seen components as well. Kudos! 👍🎉

Rohit Maheswaran 的头像

Rohit Maheswaran3 年前

Amazing work!

~ 的头像

~3 年前

I'm seriously wondering what tool do you use to make these videos, they look amazing.

cosmic 的头像

cosmic3 年前

Absolute banger!

Bhargav 的头像

Bhargav3 年前

I am beyond tempted to start using this library in NextBase.

Christian Kaindl 的头像

Christian Kaindl3 年前

Very cool. Just tried the demo and have a small suggestion, on Linux (and I think Windows too) you need to also check for `event.ctrlKey` in addition to the `event.metaKey` for the keyboard shortcut to work

shadcn 的头像

shadcn3 年前

I'll push a fix. Thank you.

Chris Abdo 的头像

Chris Abdo3 年前

Integrated and loving it so much. Anyone have suggestions for dealing with command key while on Windows?

Felipe Valencia 的头像

Felipe Valencia3 年前

This is just beautiful, the component library I wanted to build, but didn’t bc I’m lazy lol.

أحمدُ 的头像

أحمدُ3 年前

Satisfying 🔥

Leo Petrucci 🎱 的头像

Leo Petrucci 🎱3 年前

What do you use to make a these promotion videos? Love them

Tyson Lawrie 👨🏻‍💻☕️ 的头像

Tyson Lawrie 👨🏻‍💻☕️3 年前

Looking good 👍

porkopek 的头像

porkopek3 年前

This library of yours is looking really cool! I love it!

Joseph Bona 的头像

Joseph Bona3 年前

🔥🔥

Robin 的头像

Robin3 年前

cc @mattjbones

Yannick Guillemot #RacingTalk 的头像

Yannick Guillemot #RacingTalk3 年前

Bravo 👏

Pranjal Soni 的头像

Pranjal Soni3 年前

🔥🔥❤️

Felix Boenke 的头像

Felix Boenke3 年前

What tool do you use to create these small product showcase videos?

Jonny Summers-Muir 的头像

Jonny Summers-Muir3 年前

getting updates to figma file?

Ye Tang 的头像

Ye Tang3 年前

would you provide Cascader component

shadcn 的头像

shadcn3 年前

Send me an example please.

Sourav Kumar Dubey 的头像

Sourav Kumar Dubey3 年前

May I know how we create such a beautiful mesh background?

相关视频

To get translucent menus right, we had to manually test components over different gradients & colors, checking visuals & accessibility. Now multiply that by 5 component types across 5 styles in both light and dark modes. It's a lot of work. Work that, for now, AI can't do.

To get translucent menus right, we had to manually test components over different gradients & colors, checking visuals & accessibility. Now multiply that by 5 component types across 5 styles in both light and dark modes. It's a lot of work. Work that, for now, AI can't do.

shadcn

92,692 次观看 • 7 个月前

⚡ Navigate VS Code like a pro using the Command Palette! Quickly open recent files, jump to symbols in your current file, group symbols by type, and even search for symbols across your entire workspace—all without digging through menus. Happy navigating! 🚀

⚡ Navigate VS Code like a pro using the Command Palette! Quickly open recent files, jump to symbols in your current file, group symbols by type, and even search for symbols across your entire workspace—all without digging through menus. Happy navigating! 🚀

Visual Studio Code

27,774 次观看 • 1 个月前

How to create image dropdown menus. 📸

How to create image dropdown menus. 📸

Excel Dictionary

114,482 次观看 • 2 年前

Roma is now the command center for you and your agents. We’ve talked to a lot of you over the past week, and the same thing keeps coming up: we’re using a lot of agents at once, but context gets lost. Work is scattered. We're still chasing things down. We heard you and we’ve updated our MCP tooling and API, built connections and plugins for popular agents, and made it simpler to connect them to Roma. Claude, Codex, OpenClaw, Gemini, Muse, Instinct, even the ones you built yourself. You can keep using your favorite agent, and use Roma as your command center for all your work in motion. And this just the beginning. Get started: Roma (YC F26) Y Combinator

Roma is now the command center for you and your agents. We’ve talked to a lot of you over the past week, and the same thing keeps coming up: we’re using a lot of agents at once, but context gets lost. Work is scattered. We're still chasing things down. We heard you and we’ve updated our MCP tooling and API, built connections and plugins for popular agents, and made it simpler to connect them to Roma. Claude, Codex, OpenClaw, Gemini, Muse, Instinct, even the ones you built yourself. You can keep using your favorite agent, and use Roma as your command center for all your work in motion. And this just the beginning. Get started: Roma (YC F26) Y Combinator

Jan Senderek

94,283 次观看 • 14 天前

🚀 I built a new @Expo Router template for working with native context menus! ◆ UIMenu & SF Symbols → Zeego ◆ Dropdown → shadcn/ui ◆ Styles → nativewind ◆ Navigation → Expo Router ◆ State → Zustand 🆕 Clone it today with: npx create-expo-app -e with-router-menus

🚀 I built a new @Expo Router template for working with native context menus! ◆ UIMenu & SF Symbols → Zeego ◆ Dropdown → shadcn/ui ◆ Styles → nativewind ◆ Navigation → Expo Router ◆ State → Zustand 🆕 Clone it today with: npx create-expo-app -e with-router-menus

Evan Bacon 🥓

110,423 次观看 • 2 年前

Introducing Linear Agent. Built directly into Linear and accessible everywhere, it understands your roadmap, issues, and code. Ask anything. Command everything.

Introducing Linear Agent. Built directly into Linear and accessible everywhere, it understands your roadmap, issues, and code. Ask anything. Command everything.

Linear

6,252,695 次观看 • 7 个月前

How to create color coded dropdown menus. 🤯 #excel

How to create color coded dropdown menus. 🤯 #excel

Excel Dictionary

126,958 次观看 • 2 年前

Ive mostly been working on the UI's and customization menus and its not yet presentable, but check out this lap on the TreeTop 1. #screenshotsaturday #indiegames

Ive mostly been working on the UI's and customization menus and its not yet presentable, but check out this lap on the TreeTop 1. #screenshotsaturday #indiegames

WISHLIST TURBOBLAST

12,889 次观看 • 2 年前

Here’s an updated concept with start up intro, updated main menu and new detailed Multiplayer and Zombies menus as well. Crazy how semi copying BO3’s menus still makes it stand out compared to recent installments.

Here’s an updated concept with start up intro, updated main menu and new detailed Multiplayer and Zombies menus as well. Crazy how semi copying BO3’s menus still makes it stand out compared to recent installments.

Hope

109,351 次观看 • 1 年前

Summyah and her friends got KICKED OUT this restaurant for using Menus to FIGHT each other and ruining customers experience 😳👀 “GET OUT. You’re out, just GO” 😬

Summyah and her friends got KICKED OUT this restaurant for using Menus to FIGHT each other and ruining customers experience 😳👀 “GET OUT. You’re out, just GO” 😬

pveonix

737,910 次观看 • 7 个月前

𝐍𝐚𝐯𝐢𝐠𝐚𝐭𝐢𝐧𝐠 𝐟𝐫𝐨𝐦 𝐭𝐡𝐞 𝐏𝐨𝐫𝐭𝐚𝐥 Easily move between different sections using the dropdown menus. Section icons open pop-ups, meaning you can sort and manage key areas instantly - all without leaving your main screen 💻

𝐍𝐚𝐯𝐢𝐠𝐚𝐭𝐢𝐧𝐠 𝐟𝐫𝐨𝐦 𝐭𝐡𝐞 𝐏𝐨𝐫𝐭𝐚𝐥 Easily move between different sections using the dropdown menus. Section icons open pop-ups, meaning you can sort and manage key areas instantly - all without leaving your main screen 💻

Football Manager

253,613 次观看 • 1 年前

You can now connect your React application to any MCP server! And it only takes a single command: $ npx copilotkit@latest init -m MCP This is massive for anyone building React applications! Using the CopilotKit🪁 MCP Client Component, you can get an MCP Client chat component in your application and instant access to any MCP server out there! It doesn't get easier than this. Check out the link below for instructions on how to proceed ↓

You can now connect your React application to any MCP server! And it only takes a single command: $ npx copilotkit@latest init -m MCP This is massive for anyone building React applications! Using the CopilotKit🪁 MCP Client Component, you can get an MCP Client chat component in your application and instant access to any MCP server out there! It doesn't get easier than this. Check out the link below for instructions on how to proceed ↓

Santiago

40,009 次观看 • 1 年前

We have been working hard on improving the Antigravity docs and have introduced some new features: - doc search with command bar - copy / view as markdown buttons - better mobile layout - dark mode

We have been working hard on improving the Antigravity docs and have introduced some new features: - doc search with command bar - copy / view as markdown buttons - better mobile layout - dark mode

Rody Davis

49,846 次观看 • 2 个月前

The new CLI and registry unlock advanced theming, including custom colors, animations, icons, dependencies, and even components With remote registry support, you can now give your apps a completely different look by running a simple command. Demo 📺

The new CLI and registry unlock advanced theming, including custom colors, animations, icons, dependencies, and even components With remote registry support, you can now give your apps a completely different look by running a simple command. Demo 📺

shadcn

94,295 次观看 • 2 年前

The Carbon Fire is 95% contained, and the Orange County Fire Authority has transitioned out of Unified Command with Brea Fire Department and CAL FIRE. The OCFA will continue supporting ongoing operations as needed. >>>

The Carbon Fire is 95% contained, and the Orange County Fire Authority has transitioned out of Unified Command with Brea Fire Department and CAL FIRE. The OCFA will continue supporting ongoing operations as needed. >>>

OCFA

16,032 次观看 • 6 个月前

Welcome to A{LO}I. Create an awe-inspiring work of art using a simple text command. Your NFT and its rarity will dynamically update with every command. The only limit is your imagination. Powered by AI. To apply for the pre-sale: #ai #NFT #NFTdrop

Welcome to A{LO}I. Create an awe-inspiring work of art using a simple text command. Your NFT and its rarity will dynamically update with every command. The only limit is your imagination. Powered by AI. To apply for the pre-sale: #ai #NFT #NFTdrop

Artificial Lack of Intelligence

73,865 次观看 • 3 年前

someone just vibecoded Call of Duty (COD) in the browser using Claude Code 💀 the game has maps, weapons, soldiers, bots, physics, sound, menus,dopamine and even mobile and gamepad controls and everything was built with code and three.js, without importing any 3D models we are literally in the future Imagine people building entire games with AI that would have required a much bigger team before

someone just vibecoded Call of Duty (COD) in the browser using Claude Code 💀 the game has maps, weapons, soldiers, bots, physics, sound, menus,dopamine and even mobile and gamepad controls and everything was built with code and three.js, without importing any 3D models we are literally in the future Imagine people building entire games with AI that would have required a much bigger team before

O🌷

54,167 次观看 • 5 天前