An eye-catching, glassmorphism popover featuring a continuous, colorful image marquee background with an editable overlay color, perfect for announcing new collections.
When launching a highly anticipated seasonal line or a limited-edition capsule, a standard, static popup box completely undersells the moment. The Kinetic Gallery Collection Popover is designed to capture the dynamic energy of a runway show or a premium lookbook. By pairing a continuous, cinematic image marquee with a sleek glassmorphism interface, this widget ensures your new arrivals are announced with maximum visual impact.
This animated collection popover abandons flat design in favor of rich, multi-layered depth and continuous motion.
Tilted Image Marquee: The background of the popover features multiple rows of full-color campaign images tilted at a striking 6-degree angle. These rows continuously scroll in opposing directions, creating a mesmerizing, kinetic wallpaper that immediately draws the eye.
Frosted Glass Interface: Floating above the moving images is a premium glassmorphism card. Utilizing backdrop-filter: blur, this frosted glass effect allows the vibrant colors of your scrolling gallery to softly bleed through the interface without compromising the legibility of your central text.
Bold, Editorial Typography: The messaging is clean, uppercase, and highly authoritative. The layout uses a strict hierarchy—from the tracked-out "JUST ARRIVED" label to the massive "NEW COLLECTION" headline—ensuring the user knows exactly what they are clicking on.
Despite featuring a dozen background images and continuous animations, this Shopify gallery widget is engineered to remain lightweight and fully customizable.
Editable Ambient Overlay: To ensure your text is always readable regardless of how bright your uploaded images are, the widget includes a dedicated, editable CSS overlay color (--kg-overlay). You can dial in a dark tint, a vibrant brand color, or completely remove it directly within the Customizer.
Flexible Smart Placement: Built with native data-attributes for placement, this glassmorphism exit intent modal doesn't have to be a screen-blocking takeover. By default, it acts as a persistent bottom-right notification, but can instantly be snapped to the center, bottom-left, or middle of the screen based on your campaign's needs.
Hardware-Accelerated Performance: The scrolling image tracks rely strictly on CSS keyframes (rd-kg-scroll-left and rd-kg-scroll-right). The animation pauses intelligently when the user hovers over the widget to prevent motion sickness while clicking, and honors system-level prefers-reduced-motion settings.
This layout is the absolute premier new arrivals popup for apparel brands, jewelry stores, and lifestyle e-commerce sites. Deploy it to tease a seasonal lookbook, build hype for a new product category, or guide incoming traffic directly from your homepage into your highest-margin new inventory.
Bring this layout to life on your website in just a few clicks.
Edit Kinetic Gallery Collection Popover visually using the native Squarespace extension
First, ensure you have connected your website to the native Redesignee extension. Once connected, you have two easy ways to build:
Native Block: Simply add the native Redesignee Widget Block directly from the fluid engine editor menu inside Squarespace.
Manual Markdown: Add a standard Markdown Block, paste your widget’s code snippet, and the Redesignee floating "Customize" button will automatically appear right over the block.
Both methods let you tweak settings, copy items, and design visually in real time. Saving your changes syncs the updates instantly to your live page.
See Squarespace installation guide
Connect natively via Gutenberg or Elementor
Make sure you have the free Redesignee WordPress Plugin installed. To drop the Kinetic Gallery Collection Popover into Elementor, simply drag and drop the Redesignee widget from your sidebar. If you are using the Gutenberg Block Editor, click the " + " icon and select the Redesignee Block. Launch the Cloud Library directly inside your workspace, choose your customized template, and import it with a single click. It automatically inherits your theme fonts and styles!
WordPress plugin installation guide
Quick copy-and-paste for custom setups
If you are using Webflow, Shopify, Wix, or a custom HTML site, click the "Export Widget" button on this page and ensure the platform selector is set to "HTML". Click "Copy" to copy the clean, un-nested source code snippet directly to your clipboard. Paste this code into any HTML component, Code Block, or Embed tool inside your website builder. All styles, animations, and scripts are self-contained and ready to run.
This Kinetic Gallery Collection Popover widget is optimized and categorized inside the following layout packs:
Scale your studio production in record time. Access professional agency sections from our cloud workspace, tweak them visually, and drop clean, native elements straight into your client builds.
Deploy sleek, night-mode interfaces effortlessly. Browse dark-mode cards, dashboards, and deep contrast hero layouts from our cloud library, customize styles visually, and copy-paste clean code.
Make your layouts stand out instantly. Tweak advanced visual elements inside our cloud design workspace, copy the lightweight framework strings, and drop them seamlessly onto your canvas.
