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. Standout students also get the commercial license to use these techniques in building Squarespace templates for sale.
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.
Side Swipe Pages with Vertical Tabs
Create horizontally swiping pages triggered by vertical tab navigation.
Background Color Overlay on Portfolio Hover
Add dramatic color overlays when hovering over Portfolio Hover Follow items.
Wavy SVG Marquee Animation
Text that flows along custom wavy paths creating organic animated marquees.
Gradient Glow Effect Behind Text
Add vibrant gradient backgrounds behind specific words for eye-catching headings.
Staggered Text Alignment with Flexbox
Create dynamic headlines with each line aligned differently using Flexbox.
CSS Masking for Images and Videos
Shape images and videos into custom forms using CSS mask properties.
Interactive Spotlight Reveal Effect
Create an immersive mouse-following spotlight that reveals hidden content.
Custom Search Icon in Header Navigation
Replace text navigation links with custom search icons using CSS.
Blog List Carousel with Swiper.js
Transform your blog list into a horizontal swipeable carousel with navigation.