Type and spacing
Headings crowding your phone screen?
Start with native text settings, then try a custom size range for the block that needs it.
Free guide, live preview, and letter-spacing converter. Paid CSS export.
Fix type and spacingStart with the problem
One useful fix can change the whole page.
Check what Squarespace already does. Try the example. Add custom code only when it solves the part you need.
Headers and navigation
A menu that needs a little more care?
Find the native controls, a free dropdown example, and optional CSS for your header and mobile menu.
Free guide and examples. Preview custom settings before buying an export.
Improve your navigation
Image comparison
Show what changed, side by side.
Let visitors explore two images with a horizontal or vertical reveal. See the real installation before you buy.
Free interactive preview. $11.99 personal-use export. Illustrated demo artwork.
Try the Before/After SliderNot sure where to start?
Take our 60-second website assessment and get personalized recommendations for your site.
Take the QuizFree. No signup required. Takes 60 seconds.
Start with your Squarespace version.
Not sure which one you have? Find your site version. Each tool lists its installation requirements.
Current version
Squarespace 7.1
Start with Squarespace's built-in design settings. When you need more control, preview custom styles and generate code for your site.
Button Style Generator
Design custom buttons with live preview and hover effects
Spacing Calculator
Preview fluid text sizes with a checked Squarespace 7.1 installation
Code Snippet Library
17 CSS snippets with installation instructions
Animation Generator
Add hover effects and scroll animations to any section
Section Style Builder
Customize section padding, colors, and borders
SEO Checklist
45-item checklist to get your site ranking on Google
Earlier version
Squarespace 7.0
Your template determines which settings and CSS apply. Use the references below, or build template files if Developer Mode is enabled. Not every 7.0 site uses Developer Mode.
Config Generator
Create template config files for 7.0 sites with Developer Mode enabled
Page Scaffolder
Create page files for 7.0 sites with Developer Mode enabled
Schema Builder
JSON-LD structured data for rich Google results
Meta Tag Generator
Full meta, Open Graph, and Twitter Card markup
ID Finder
Find element IDs and build CSS selectors
CSS Cheat Sheet
Find selectors labeled for 7.0, 7.1, or both versions
Built by developers who actually ship on Squarespace.
Most Squarespace resources teach you how to drag and drop. We build production sites in Dev Mode with custom LESS, JSON-LD schemas, and GitHub-powered deployments.
These tools exist because we needed them. Now you can use them too.
7.0
Dev Mode Expertise
Free
To Start
0
Squarespace Affiliation