The widget library for Squarespace is here Learn more

Infinite Project Marquee with Interactive Lightbox

The Awwwards-Style Project Marquee is a high-performance, interactive gallery widget designed for elite portfolios, creative agencies, and digital studios. This widget captures the "brutalist-minimal" aesthetic found on award-winning websites, combining a seamless infinite horizontal scroll with a cinematic, fluid transition expansion.

Built for visual impact, the marquee utilizes a continuous loop of project imagery that remains interactive at any speed. When a user engages with a project, the marquee elegantly pauses, and the image expands into a full-screen project showcase. This "expansion" transition is designed with high-end easing curves, providing a premium user experience (UX) that keeps visitors engaged and increases dwell time on your site.

Key Features

  • Infinite Marquee Engine: A robust, looping horizontal gallery that supports a high volume of images with zero lag, optimized for Core Web Vitals.
  • Cinematic Lightbox Transition: Features "Awwwards-style" expansion logic where the clicked project image grows into a massive hero visual with a sophisticated fade-in for metadata.
  • Project Metadata Overlay: Includes dedicated editable slots for project numbering, bold typography titles, and rich-text descriptions for comprehensive storytelling.
  • Fully Responsive Motion: Automatically scales the marquee item widths and scroll speeds for mobile devices, ensuring a flawless touch-friendly portfolio experience.
  • Dynamic Customizer Integration: Powered by the Redesignee "Slides" protocol, allowing users to add, clone, and reorder projects instantly via a sidebar without editing code.
  • SEO-Ready Architecture: Semantic HTML structure ensures that your portfolio case studies and project titles are crawlable by search engines, boosting your organic search ranking.

Primary Usage Cases

  • Creative Agency Showreels: Use the infinite loop to display a massive "wall of work" that invites users to pause and explore specific brand identity projects.
  • Fashion & Editorial Lookbooks: Perfect for high-fashion brands that want an interactive horizontal scroll to display seasonal collections and archive pieces.
  • Photography Portfolios: Display high-resolution photography in a way that feels like a physical gallery, using the lightbox to show the "story" behind each shot.
  • Architecture & Interior Design: Showcase finished structures and space layouts with a clean, minimalist UI that prioritizes large-scale imagery.
  • Product Teaser Sections: Ideal for SaaS or Tech landing pages wanting to scroll through different app features or UI mockups in a modern, engaging format.

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.

Published:

Apr 26, 2026 10:32 AM

Category: