Code Snippet Library

Makes the site header stick to the top of the viewport after the user scrolls past the hero section.

Enables native smooth scrolling for anchor links so the page glides to each section instead of jumping.

Hides the header when scrolling down and reveals it when scrolling back up. Uses a tiny bit of JS.

Transforms the default hamburger icon into a smooth X animation when the mobile menu opens.

Elements fade in and slide up as they enter the viewport. Uses IntersectionObserver for performance.

A sleek background color that slides in from the left on hover, giving buttons a modern interactive feel.

Adds a subtle pulsing glow around CTA buttons to draw attention without being obnoxious.

Gives summary/blog cards a lift effect with an enhanced shadow on hover for a tactile, interactive feel.

Applies a vivid gradient color to heading text for a modern, eye-catching look.

Replaces the default browser scrollbar with a slim, styled track that matches your brand.

Smoothly zooms into gallery and content images on hover while keeping the container clipped.

Uses CSS clamp() for fluid typography that scales smoothly between mobile and desktop without breakpoints.

Hides the "Built on Squarespace" footer badge. Note: only available on Business plan and above.

Changes the text highlight/selection color to match your brand when visitors select text on the page.

Custom styles for the Squarespace announcement bar including gradient backgrounds, animations, and close button tweaks.

Overhauls default Squarespace form inputs with modern rounded borders, focus states, and consistent spacing.

Adds a floating button that appears on scroll and smoothly takes the user back to the top of the page.