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.

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.

Turn a standard Squarespace navigation into an expanding split-screen overlay menu with animated transitions and bold, custom styling using Compose.

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.

Create dynamic mega menus that pull in content from other pages, product collections, or sections across your Squarespace site.

Add personality to your Squarespace buttons with moving arrows, flowing colour fills and responsive borders.

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.

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 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.

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.

Created with Compose using a Squarespace Section background video, with custom scroll-based playback so the video progresses as you move through the section.

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.

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.

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.

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.

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.