CSS Masonry Grid & Framer Motion Layout Animations

Опубликовано: 08 Сентябрь 2022
на канале: Tom Is Loading

10,772

243

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

Смотрите видео CSS Masonry Grid & Framer Motion Layout Animations онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Tom Is Loading 08 Сентябрь 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 10,772 раз и оно понравилось 243 людям.

654