Animated Gradient Text
Add moving colour to your Squarespace text with custom gradients, from subtle shifts to bold waves of colour.
Image Fill in Text
Fill your Squarespace text with images and gifs to create typography with a personality of its own.
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.
Full-screen chainwheel navigation menu
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.
Floating Glass Secondary Navigation with Anchor Links
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.
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.
Arched List Item Testimonial Slider
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.
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.
Mobile Auto-play carousel
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.
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.
Dynamic custom blog sidebar
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.
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.

