The Widget Library for Squarespace is here! Get it now >>

Agency Image Reveal Menu

A quintessential Awwwards-style interaction. This split-screen menu pairs navigation links with dynamic imagery. As the user hovers over each menu item, the corresponding project or atmospheric image reveals itself in the background or side panel.

Design Philosophy:

  • Contextual Navigation: Instead of just text, you provide visual context (e.g., hovering 'Services' shows a team photo, 'Work' shows a portfolio highlight).
  • Split Layout: The left side is reserved for clean, bold typography, while the right side serves as a canvas for visual storytelling.
  • Smooth Transitions: Images fade seamlessly into one another, creating a fluid, movie-like experience.

Ideal For: Photographers, architects, and high-end ecommerce brands wanting to showcase product categories immediately upon navigation.

How to use this widget

  • Change your content and adjust the styles to match your design
  • Click export and copy the code
  • Paste it on your web page by adding a code/html block in your website builder (e.g., Squarespace, WordPress, Webflow, Wix) and paste the code.

👋 P.S. Have questions? Leave a comment.