How to Build a Modern Grid Landing Page with React & TailwindCSS

Published: 25 April 2024
on channel: Tom Is Loading
10,583
515

Animated UI components for React, Tailwind CSS, Framer Motion & More ✨ https://www.hover.dev

Today we'll build an animated portfolio/landing page with React, Tailwind CSS and Framer Motion.

#javascript #reactjs #tailwindcss

📚 Video Links
Demo & Source code: https://www.hover.dev/components/grids
Logoipsum: https://logoipsum.com/
Dicebear avatars: https://www.dicebear.com/

🔗 My Links
TikTok:   / tomisloading  
Instagram:   / tomisloading  
GitHub: https://github.com/TomIsLoading
Twitter:   / tomisloading  
Discord & more: https://linktr.ee/tomisloading
Portfolio templates: https://tomisloading.gumroad.com/

0:00 - Introduction
0:23 - CSS Grid Overview
4:40 - Creating the Block component
8:47 - Styling the blocks
15:32 - Adding staggered grid animations


Watch video How to Build a Modern Grid Landing Page with React & TailwindCSS online without registration, duration hours minute second in high quality. This video was added by user Tom Is Loading 25 April 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 10,583 once and liked it 515 people.