Keyboard keys built using Tailwind CSS in React w/ Next.js 14.
Tags: #tailwind #tailwindcss #frontend #css #css3 #nextjs #nextjs14 #react
0:03 - Project Setup
1:02 - Keyboard Component Creation
2:29 - Container Styling
2:54 - Making Buttons Look Like Keys
4:53 - Adding Key Caps
6:58 - Final Adjustments
The audio in this video is Modern Situations by Unicorn Head.
💻 What I used to make this video:
• Screen recording software: https://screen.studio/@4v4NJ
• Microphone: https://amzn.to/3YzWi4T
• Keyboard: https://amzn.to/3NDeeoE
• Mouse: https://amzn.to/4fc3KIM
👁️ Follow me:
• Blog: https://seescott.dev/
• Instagram: https://www.instagram.com/seescottdev/
• Twitter: https://x.com/seescottdev/
⚠️ Disclaimer: Some links are affiliate links. If you buy something, I may make a small commission at no additional cost to you. As an Amazon Associate, I earn from qualifying purchases.
Download
0 formats
No download links available.
Building Keyboard Keys in Tailwind CSS with Next.js / React - No Talking | NatokHD