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.
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.
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.
Animated Gradient Text
Add moving colour to your Squarespace text with custom gradients, from subtle shifts to bold waves of colour.
Text Looping
Text Loop brings that much-coveted rotating text to your headings, where you can cycle through several different words or phrases within your text block, with a bunch of fun transitions.
Video Background Play on Scroll Effect
Created with Compose using a Squarespace Section background video, with custom scroll-based playback so the video progresses as you move through the section.
Flip book page preview on hover
A flip book page preview created with Compose by Vic King. An animation on hover that curls the book cover back a little to tease the first few pages of front matter. Kinda like an interactive version of Amazon's “See Inside” thing. The whole block is linked to the book page.
Image and text explode effect
Turn a simple image into a memorable interactive moment. It adds movement, personality and a real sense of surprise to the page, while giving visitors a reason to stop and play. It’s the kind of detail that makes a site stick in your mind.
Bottom pop-up navigation
A custom navigation menu that sits neatly inside a pill at the bottom of the page. When clicked, it expands into a fully custom menu design, turning a simple functional element into a more distinctive and considered interaction.
Curtain reveal loading screen
A custom loader designed to make the experience of visiting a website site feel intentional from the very first moment. This loader creates a sense of being invited in, with the site gradually revealed to the visitor.

