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.

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

Turn a standard Squarespace Auto Layout List Section into a horizontal image accordion where each item expands to reveal more content.

Send a sequence of images vertically across a fixed heading as visitors scroll through the page.

Scroll images and text horizontally across a full-screen background that stays fixed in place.

Transform vertical scrolling into a horizontal journey where full-screen panels slide across and stack over one another like a deck of cards.

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.

Create a sense of depth with layered images and text that move independently as visitors scroll.

Create a floating secondary navigation menu in Squarespace with smooth scrolling, active section highlighting and a glass-style design. Built with Compose, this custom navigation automatically uses your section anchor link IDs to create page links, highlights the section currently in view and includes a prominent call-to-action button.

Michael from Vative Creative used Compose to create an interactive testimonial slider, dynamically pulling content from items within a Squarespace List Section. This makes the testimonials easy to manage in Squarespace while presenting them in a completely custom, interactive layout.

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.

An auto-playing carousel specifically for mobile, giving the page a more dynamic experience without changing how it works on desktop. It’s a great example of using Compose to think beyond simply making a design responsive and instead creating interactions specifically for the way people experience a site on smaller screens.

Katelyn from Launch the Damn Thing rebuilt her blog sidebar using Compose, replacing a previous plugin with a setup she can now manage directly through Squarespace. The sidebar pulls content from a hidden page, so she can update it without touching the code, and even includes a swipeable summary block for a smoother browsing experience.