Back to Browse

Building Keyboard Keys in Tailwind CSS with Next.js / React - No Talking

362 views
Oct 18, 2024
8:05

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