Tutorials
Change Image, Text or Background Color on Scroll in Squarespace
Bring your Squarespace site to life with on-scroll animations using SquareKicker. In this tutorial, we’ll show you how to change a section’s background color, swap text colors, and animate images—all without writing code. Perfect for designers and DIY site owners looking to create engaging, interactive websites.
How to add scrolling animation to Squarespace
Enable Scrolling Effects for Squarespace and animate Vertical and Horizontal Movement, Opacity, Scale, Rotate, and Blur to any block with a single click, or combine multiple effects and the custom timeline to curate more complex animations.
How to create horizontal scrolling sections in Squarespace
Horizontal Scrolling is an advanced interaction that creates a more memorable experience by fully engaging users on your websites. With SquareKicker these eye catching interactions can be applied to Squarespace websites with no-code and just a few simple clicks.