Build a Spotlight-Style Command Palette in React (Full Deep Dive with KBar + Tailwind!) 💡🧠
This tutorial shows you how to build a macOS style command palette/search bar using React.js, TailwindCSS and KBar component.
🕑 TIMESTAMPS:
00:00 What we'll be building
2:40 Setting up TailwindCSS
6:51 Introducing KBar
8:17 Setting up KBar
8:48 Creating default actions
13:04 Creating the command palette
38:36 Adding final touches
41:07 Conclusion
🔗 LINKS:
KBar GitHub ᐉ https://github.com/timc1/kbar
Getting started with TailwindCSS ᐉ https://tailwindcss.com/docs/installa...
💬 FOLLOW ME FOR UPDATES:
https://vas.cx/twitter
💻 MY PROJECTS & CODE:
https://vas.cx/github
🏷️ TAGS:
#React #TailwindCSS #JavaScript #TypeScript #vsnthdev
👏 Have an awesome day!