Version 1
Menu
Version 2
Edit post
Updated:
Feb 7, 2024
Type:
No-code
Notes
An expanding contact menu with mouse-follow highlight.
All dropdown options are manually staggered by incrementing the delay inside the transition of their appear effect.
Where possible, handle SVG colour transitions using opacity (rather than two different colours) to create smoother hover effects.
Use the copy to clipboard override and apply it to Dropdown / Option component.
Be mindful when animating borders and shadows with Framer Motion.
For faster loading speeds, add SVGs directly, rather than using Framer's icon components.
Help
How do I add Framer components?
How do I add code overrides?