How to design a cool section in framer, inspired by Google.

Become a better framer designer through learning by doing. Find the free remix link below and practice along with me, as we build a cool section in framer inspired by labs.google.com website.

Here what we cover:
1. Component in framer
2. Working with variants
3. Trigger for mouse enter and leave

Try framer for free today: https://framer.link/joseph25

Resources
Remix link: https://framer.link/jugarn0
Live site (view on desktop): https://magnificent-hand-770961.framer.app/
Inspiration website: https://labs.google/flow/about#partnership
Get 30minute free framer guide (One on one): https://calendly.com/framerdive/30min

Happy diving!

Timestamps:
0:00 - Google Labs Inspiration
1:23 - Current Design State
2:05 - Design Background Frame
4:09 - Convert To Component
4:51 - Add Hover Image
6:23 - Configure Variant States
7:39 - Implement Mouse Triggers
9:04 - Add Pointer Cursor
9:40 - Style Text Colors
11:22 - Adjust Transition Timing
11:57 - Practice, Resources, Challenge
12:51 - Free Coaching Session

Let's Connect,
Subscribe on YouTube: @Framerdive
Email me: framerdive@gmail.com
Connect with me on X: https://x.com/FramerDive

Видео How to design a cool section in framer, inspired by Google. канала Framerdive