Scroll-Driven Text Highlight Reveal
Create a scroll-driven text highlight effect in Squarespace using Compose. Animate large text so it progressively changes colour as visitors scroll through the section.
Interactive Portfolio List with Cursor Preview
Transform a standard Squarespace Auto Layout List Section into an interactive portfolio with custom tags and GIF previews that appear and move with the cursor
Horizontal List Section Image Accordion
Turn a standard Squarespace Auto Layout List Section into a horizontal image accordion where each item expands to reveal more content.
Folding Image Hover Effect
Add depth and interaction to a Squarespace image layout with a folding hover effect that animates each image as the visitor moves across the gallery.
Expanding Split-Screen Overlay Menu
Turn a standard Squarespace navigation into an expanding split-screen overlay menu with animated transitions and bold, custom styling using Compose.
Rotating Logo Wave Wall
Create a rotating logo wall in Squarespace using Compose. Start with an Auto Gallery Section, select it with Compose, and turn static logos into an animated wave effect with smooth motion and rotation.
Glassmorphism Text Video Mask with Fixed Scrolling
Create a glassmorphism text video mask in Squarespace with a fixed scrolling effect. Blend video, transparent text and layered motion for a bold, immersive website design.
Dynamic Mega Menus
Create dynamic mega menus that pull in content from other pages, product collections, or sections across your Squarespace site.
Scrolling Images Over Text
Send a sequence of images vertically across a fixed heading as visitors scroll through the page.
Fixed Background Horizontal Scroll
Scroll images and text horizontally across a full-screen background that stays fixed in place.
Stacking Horizontal Scroll
Transform vertical scrolling into a horizontal journey where full-screen panels slide across and stack over one another like a deck of cards.
Animated Button Hover Effects
Add personality to your Squarespace buttons with moving arrows, flowing colour fills and responsive borders.
Sticky Text with Scrolling Images
Keep a bold heading in place while images and graphics scroll in front of and behind it.
Rotating Images on Scroll
Reveal an alternative image when visitors hover, showing another angle, detail or creative surprise within the same space.
Animated Number Counter on Scroll
Create an animated number counter in Squarespace that counts up when it enters the visitor’s view and resets when it leaves the screen. This scroll-triggered animation is ideal for statistics, milestones, percentages, achievements, and other key numbers you want to highlight with an engaging visual effect.
Change Image on Hover
Reveal an alternative image when visitors hover, showing another angle, detail or creative surprise within the same space.
Rotating Announcement Bar
Share multiple messages in your Squarespace announcement bar with fade, slide, scrolling or typewriter animations.
Interactive Autoplay Project Carousel
Transform a Squarespace List Section into an interactive autoplay project carousel. Projects automatically rotate through large scrolling titles and centered imagery, while visitors can click and drag to explore at their own pace. Smooth image wipes, zoom effects, animated project details, and immersive page transitions create a polished, editorial portfolio experience.
3D Image Tilt on Hover
Create a sense of depth with layered images and text that move independently as visitors scroll.
3D Parallax Hero Section
Create a sense of depth with layered images and text that move independently as visitors scroll.

