CSS Masonry Grid & Framer Motion Layout Animations
Animated UI components for React, Tailwind CSS, Framer Motion & More ✨ https://www.hover.dev
Websites like Pinterest and Unsplash have made masonry grids extremely popular.
Today we'll cover how you can make one using purely CSS, no JavaScript required. We'll add some awesome shared layout animations using the Framer Motion library, as well as learn a bit about tailwind css and daisy UI, a component library built on top of tailwind which makes styling your applications extremely simple.
#programming #reactjs #nextjs #coding #framermotion #tailwindcss
📚 Project Links
Github: https://github.com/TomIsLoading/mason...
Framer Motion: https://www.framer.com/motion/
Next JS: https://github.com/vercel/next.js/
Tailwind CSS: https://tailwindcss.com/
Daisyui: https://daisyui.com/
🔗 My Links
TikTok: / tomisloading
GitHub: https://github.com/TomIsLoading
Twitter: / tomisloading
Instagram: / tomisloading