Loading video...

Video Failed to Load

Go Home

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.

107,537 views • 3 years ago •via X (Twitter)

34 Comments

shadcn's profile picture
shadcn3 years ago

Demo:

Julius's profile picture
Julius3 years ago

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

shadcn's profile picture
shadcn3 years ago

Thanks Julius. Big fan of your own @trpcio!

Pietro Schirano's profile picture
Pietro Schirano3 years ago

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

misaka's profile picture
misaka3 years ago

What did you use to make video like that?

shadcn's profile picture
shadcn3 years ago

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

John Rush's profile picture
John Rush3 years ago

what tool do you use to create these demo videos?

Anurag Banerjee's profile picture
Anurag Banerjee3 years ago

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's profile picture
shadcn3 years ago

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

Anurag Banerjee's profile picture
Anurag Banerjee3 years ago

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

chronark's profile picture
chronark3 years ago

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

Thomas Burleson's profile picture
Thomas Burleson3 years ago

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's profile picture
Magny Search Bar3 years ago

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

Rohit Maheswaran's profile picture
Rohit Maheswaran3 years ago

Amazing work!

~'s profile picture
~3 years ago

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

cosmic's profile picture
cosmic3 years ago

Absolute banger!

Bhargav's profile picture
Bhargav3 years ago

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

Christian Kaindl's profile picture
Christian Kaindl3 years ago

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's profile picture
shadcn3 years ago

I'll push a fix. Thank you.

Chris Abdo's profile picture
Chris Abdo3 years ago

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

Felipe Valencia's profile picture
Felipe Valencia3 years ago

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

أحمدُ's profile picture
أحمدُ3 years ago

Satisfying 🔥

Leo Petrucci 🎱's profile picture
Leo Petrucci 🎱3 years ago

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

Tyson Lawrie 👨🏻‍💻☕️'s profile picture
Tyson Lawrie 👨🏻‍💻☕️3 years ago

Looking good 👍

porkopek's profile picture
porkopek3 years ago

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

Joseph Bona's profile picture
Joseph Bona3 years ago

🔥🔥

Robin's profile picture
Robin3 years ago

cc @mattjbones

Yannick Guillemot #RacingTalk's profile picture
Yannick Guillemot #RacingTalk3 years ago

Bravo 👏

Pranjal Soni's profile picture
Pranjal Soni3 years ago

🔥🔥❤️

Felix Boenke's profile picture
Felix Boenke3 years ago

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

Jonny Summers-Muir's profile picture
Jonny Summers-Muir3 years ago

getting updates to figma file?

Ye Tang's profile picture
Ye Tang3 years ago

would you provide Cascader component

shadcn's profile picture
shadcn3 years ago

Send me an example please.

Sourav Kumar Dubey's profile picture
Sourav Kumar Dubey3 years ago

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

Related Videos