Discover What You Can Build
500+ workshops, Techniques, and Resources Inside Standout Squarespace
Explore the library of techniques, templates, and resources available for you inside Squarestylist’s Standout Squarespace program.
Minimal Focus Carousel with Counters
Numbered carousel with grayscale inactive items and scaled active focus.
Split Layout Gallery Slideshow
Side-by-side image and caption layout with custom bullet navigation.
Custom Drag Cursor for Carousels
Circular DRAG cursor appears on carousel hover - visual interaction cue.
Gliding Letters Animation
Individual letters animate into position from custom offsets on scroll.
Parallax Images with Rellax.js
Variable-speed scrolling images using Rellax.js and filename keywords.
Wavy Background for Scrolling Text
Curved background follows the wavy path of marquee text blocks.
Sticky Image on Scroll (Keyword-Based)
Pin specific images in place using filename keywords while content scrolls.
CSS Scroll Snap Sections
Auto-align sections to viewport edge on scroll - app-like navigation.
Search Block Customization
Style placeholder text and replace search icons with custom graphics.
Go to Cart Button on Product Page
Add a dynamic "Go to Cart" button that appears after Add to Cart click.
Toggle Desktop Navigation with Burger Menu
Hide desktop navigation and reveal with burger menu click.
Custom Mobile Menu Breakpoint
Control exactly when desktop navigation switches to mobile hamburger menu.
Animated Gradient Shape Accents
Transform shapes into soft gradients with optional color-shifting animation.
Reveal Secondary Image on Hover
Show hidden images beside the main image on hover with smooth transitions.
Custom Image Shape Masks with Reveal
Apply decorative shape masks to images with optional hover reveal effects.
Styled Testimonial Carousel with Auto Layouts
Custom testimonial carousels with styled arrows, rounded thumbnails, and bordered cards.