Responsive 3D Hinged Menu with Hover Effects and AccessibilityResponsive 3D Hinged Menu with Hover Effects and Accessibility
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Manjesh's avatar
Manjesh Yadav
• 12h
Click Menu and your page tips back like a hinged lid, then drops below big numbered links, contact details and a language switch.
• A smooth 3D tilt on a spring • Hover a link and the rest fade while an arrow rolls in • Works on desktop, tablet and phone • Keyboard and screen reader friendly
Try it live: https://hingemenu.framer.website/
Completed work
Interaction DesignUI DesignClaudeFramerFramer Website Design
Post image
TRUEFRAME logo
TRUEFRAME
max
• 12h
does the spring tilt hold up on older phones or does it get choppy?
Manjesh's avatar
Manjesh Yadav
• 7h
Yep, it’s smooth on all the phones I tested, even older ones. On really small screens (under 5 inches) the tilted image under the header is a little hard to see, but everything else works fine!
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started