Tools
Free developer utilities for Squarespace. Built from real production experience.
Developer Tools
Everything you need to build with Dev Mode.
Tools built from real production experience — not documentation rewrites.
Config Generator
Generate template.conf, .conf, and .page.conf files with correct formatting. No more guessing the JSON structure.
Schema Builder
Generate JSON-LD structured data for your Squarespace pages. LocalBusiness, FAQ, Service, and more.
Meta Tag Generator
Generate meta tags, Open Graph, and Twitter Card markup with live Google SERP and social card previews.
Page Scaffolder
Generate all the files you need for a new Dev Mode page in one shot — .page.conf, .conf, .page, and .less.
Color Palette Generator
Pick a primary color and generate a full palette with tints, shades, WCAG contrast ratios, and CSS/LESS variables.
Spacing & Type Scale
Calculate fluid typography with clamp(), generate spacing tokens, and export design system variables for LESS or CSS.
Font Pairing Tool
Browse 15 curated Google Font pairings with live previews. Filter by style, copy CSS or LESS variables.
Button Style Generator
Design custom button styles with live preview, hover effects, and 10 presets. Export CSS for Squarespace selectors.
Box Shadow Generator
Create multi-layer box shadows with visual sliders. Includes neumorphism presets and Squarespace selectors.
Gradient Generator
Build CSS gradients with up to 5 color stops. 12 beautiful presets and live section preview with readability check.
Code Snippet Library
17 free copy-paste CSS snippets for Squarespace — sticky headers, hover effects, animations, and more. No plugins needed.
CSS Cheat Sheet
117 Squarespace CSS selectors organized by section. Searchable reference for 7.0 and 7.1 with copy buttons.
Animation Generator
Build CSS hover effects and scroll animations with a visual editor. 8 hover presets plus IntersectionObserver scroll reveals.
Favicon Generator
Create favicons from text, emoji, or shapes using Canvas. Download all sizes and get the HTML tags for Squarespace.
Version Detector
Interactive guide to determine if any Squarespace site runs 7.0 or 7.1. Includes a full feature comparison table.
Redirect Mapper
Plan URL redirects for site migrations. CSV import/export and Squarespace URL Mappings format output.
Accessibility Checker
WCAG color contrast checker with auto-fix suggestions, plus a 23-item accessibility checklist with Squarespace-specific fixes.
Section Style Builder
Visual section designer for Squarespace 7.1. Adjust padding, colors, borders — no code experience needed.
SEO Checklist
45-item interactive SEO checklist for Squarespace with step-by-step instructions. Track progress and download your report.
ID Finder & Selector Builder
Learn how to find element IDs on Squarespace, then build CSS selectors to target specific sections and blocks.
LESS Debugger
Validate your LESS before deploying. Catch undefined variables, broken imports, and compilation errors.
SEO Auditor
Analyze any Squarespace page for missing meta tags, heading hierarchy, image alt text, and schema markup.