Tools
50 tools for Squarespace. 34 free, no account required.
CSS Cheat Sheet
Every Squarespace CSS selector organized and searchable. 117 selectors for 7.0 and 7.1.
SEO Checklist
45-item interactive checklist to optimize your Squarespace site for Google.
Cookie Consent Banner
GDPR-compliant cookie banner — customize colors, position, theme, and copy the code.
FAQ Accordion
Collapsible FAQ sections with smooth animations and auto-generated Google FAQ schema.
Pricing Table
Professional pricing comparison tables with up to 4 tiers and a monthly/yearly toggle.
Accessibility Checker
Check color contrast ratios and run a 23-item accessibility audit.
Version Detector
Instantly detect if any Squarespace site runs 7.0 or 7.1.
Back to Top Button
Smooth-scroll button — customize shape, color, icon, and scroll trigger.
Floating Social Links
Sticky social media icons that float on the side of every page.
Announcement Bar
Custom announcement bar with dismiss button, countdown timer, and sticky positioning.
Countdown Timer
Live countdown to your launch, sale, or event. Three styles including flip-card.
Popup Generator
Exit-intent, timed, or scroll-triggered popups for email capture. No plugins.
Newsletter Insert
Auto-inject a newsletter signup into the middle of every blog post.
Testimonial Slider
Auto-rotating testimonial carousels with star ratings and author details.
Before/After Slider
Draggable image comparison slider. Horizontal or vertical.
Scroll Progress Bar
Thin progress bar at the top that fills as visitors scroll.
Reading Time Badge
Auto-calculate and display reading time on every blog post.
Table of Contents
Auto-generated clickable TOC from page headings. Highlights current section.
Masonry Gallery
Pinterest-style masonry layout with CSS only. No JavaScript.
Custom Cursor
Dot follower, glowing ring, trailing particles, or custom text cursor.
Typing Animation
Typewriter effect that cycles through multiple phrases.
Parallax Sections
Background parallax scrolling effect. CSS-only or smooth JS option.
Sticky Header
Shrink on scroll, change colors, hide/show on scroll direction.
Dark Mode Toggle
Light/dark mode switcher that remembers visitor preferences.
Config Generator
Generate template.conf, .page.conf, and .conf files with correct JSON.
Nav Hover Effects
Generate CSS hover effects for your Squarespace navigation links. Underline slides, fades, highlights, and more.
Form Styler
Customize Squarespace contact forms — inputs, labels, buttons, focus states, spacing.
Gallery Hover Overlay
Add hover overlays to Squarespace gallery images. Full cover, bottom bar, or center badge.
Cart Page Styler
Style the Squarespace shopping cart page — item rows, quantity inputs, checkout button, totals.
Custom Font Injector
Add Google Fonts or custom @font-face fonts to your Squarespace site with the correct selectors.
Blog Sidebar Generator
Add a sidebar to Squarespace 7.1 blog pages with CSS Grid. Sticky, responsive, customizable.
Related Posts
Add a 'Related Posts' section to your blog using Squarespace's JSON API. Grid, scroll, or list layout.
Footer Layout Generator
Fix your Squarespace footer on mobile. Multi-column to stacked, responsive breakpoints, full styling.
Products V2 Styler
Generate CSS for the new Squarespace product page selectors. Updated for the Aug 2025 V2 layout.
Button Style Generator
Design custom buttons with live preview and 10 presets.
Box Shadow Generator
Create multi-layer shadows with visual sliders.
Gradient Generator
Build CSS gradients with up to 5 color stops and 12 presets.
Color Palette Generator
Pick a brand color, get a complete palette with contrast ratios.
Font Pairing Tool
15 curated Google Font combinations with live previews.
Animation Generator
Hover effects and scroll animations — copy the CSS.
Code Snippet Library
17 ready-to-use CSS snippets for Squarespace.
Section Style Builder
Visually customize any section — padding, colors, borders.
Favicon Generator
Create favicons from text, emoji, or shapes. All sizes.
Page Scaffolder
Generate all Dev Mode page files in one click.
Schema Builder
Generate JSON-LD structured data for 6 schema types.
Meta Tag Generator
Meta, Open Graph, and Twitter Card markup with SERP preview.
Spacing & Type Scale
Fluid typography with clamp(), spacing tokens, design system exports.
ID Finder & Selector Builder
Find element IDs and build CSS selectors for specific sections.
Redirect Mapper
Plan URL redirects for site migrations. CSV import/export.
Navigation Menu Customizer
Full nav customization — dropdowns, mobile menu, active indicators, transparent header, typography.
A little over your head?
No shame — this stuff is hard. Let the pros handle it.
