Squarespace Plugins by Anavo Tech
Professional, production-ready plugins for Squarespace 7.0 & 7.1 websites.
Squarekicker-inspired header enhancement — centered layout, sticky/auto-hide, CTA button, dropdown modes (list/mega), glassy blur, animated blue-line glow, and glitch effect. Non-destructive: skins the native header without replacing it.
Install (Settings → Advanced → Code Injection → Footer):
<script src="https://cdn.jsdelivr.net/gh/clonegarden/squarespaceplugins@latest/header-pro/header-pro.min.js"></script>Presets:
<!-- Frosted glass + animated glow + CTA -->
<script src="https://cdn.jsdelivr.net/gh/clonegarden/squarespaceplugins@latest/header-pro/header-pro.min.js?preset=glassy&ctaEnabled=true&ctaText=Get+Started&ctaUrl=/contact"></script>
<!-- Dark tech + glitch hover + outline CTA -->
<script src="https://cdn.jsdelivr.net/gh/clonegarden/squarespaceplugins@latest/header-pro/header-pro.min.js?preset=tech&ctaEnabled=true&ctaText=Book+a+Call&ctaUrl=/book"></script>📖 Documentation | 🎬 Live Demo | 📋 Changelog
Full-width mega menu dropdown that steals a Squarespace section and transforms it into a nav-triggered panel. Supports hover/click triggers, 5 animation modes, and 4 presets. v1.0.0
Install (Settings → Advanced → Code Injection → Footer):
<script src="https://cdn.jsdelivr.net/gh/clonegarden/squarespaceplugins@latest/mega-menu/mega-menu.min.js?sectionId=YOUR_ID&triggerLabel=Services"></script>Polished testimonial carousel with smooth transitions, keyboard navigation, star ratings, and responsive design. Auto-inserts into any section with a "Testimonials" heading.
Install (Settings → Advanced → Code Injection → Footer):
<script src="https://cdn.jsdelivr.net/gh/clonegarden/squarespaceplugins@latest/testimonial-carousel-slider/testimonial-carousel-slider.min.js"></script>📖 Documentation | 🎬 Live Demo | 📋 Changelog
Animated timeline widget with vertical, horizontal, and alternate (zigzag) layouts. Scroll-synced line draw with glow effect, dot reveal animations, and fully parameter-driven styling. Auto-detects <div id="timeline"> or any section with an <h1>Timeline</h1>. v1.0.0
Install (Settings → Advanced → Code Injection → Footer):
<script src="https://cdn.jsdelivr.net/gh/clonegarden/squarespaceplugins@latest/timeline/timeline.min.js"></script>Layout examples:
<!-- Zigzag / alternate -->
<script src="https://cdn.jsdelivr.net/gh/clonegarden/squarespaceplugins@latest/timeline/timeline.min.js?layout=alternate&preset=elegant"></script>
<!-- Horizontal scrollable row -->
<script src="https://cdn.jsdelivr.net/gh/clonegarden/squarespaceplugins@latest/timeline/timeline.min.js?layout=horizontal&preset=dark"></script>📖 Documentation | 🎬 Live Demo | 📋 Changelog
Transforms Squarespace lists into a tabbed file-organizer layout with image + content panels. Auto-extracts from Summary Blocks, List Sections, or custom HTML.
Install (Settings → Advanced → Code Injection → Footer):
<script src="https://cdn.jsdelivr.net/gh/clonegarden/squarespaceplugins@latest/tabbed-content/tabbed-content.min.js?sectionIndex=2"></script>📖 Documentation | 🎬 Live Demo | 📋 Changelog
Animated rotating text circles with explosion and rain effects.
Install:
<script src="https://cdn.jsdelivr.net/gh/clonegarden/squarespaceplugins@latest/ascii-animation/ascii-animation.min.js?characters=ANAVOTECH"></script>Interactive quotation calculator for service-based businesses.
Install:
<div id="quotemachine"></div>
<script src="https://cdn.jsdelivr.net/gh/clonegarden/squarespaceplugins@latest/quotation-builder/quotation-builder.min.js"></script>Interactive Space Invaders game for tech portfolios and gamified experiences.
Install:
<script src="https://cdn.jsdelivr.net/gh/clonegarden/squarespaceplugins@latest/space-invaders/space-invaders.min.js"></script>Menu sticky que inicia no footer e sobe smooth para o topo ao rolar. v2.0.0 - Reescrito!
Install:
<script src="https://cdn.jsdelivr.net/gh/clonegarden/squarespaceplugins@latest/animated-header/animated-header.min.js"></script>Presets:
<!-- Glass Morphism (transparente com blur) -->
<script src="https://cdn.jsdelivr.net/gh/clonegarden/squarespaceplugins@latest/animated-header/animated-header.min.js?bgColor=transparent&bgEffect=blur&fontColor=FFFFFF&showBorder=true&borderColor=FFFFFF&borderWidth=1"></script>
<!-- Header preto sólido com fonte customizada -->
<script src="https://cdn.jsdelivr.net/gh/clonegarden/squarespaceplugins@latest/animated-header/animated-header.min.js?bgColor=000000&fontColor=FFFFFF&fontSize=18&fontFamily=Montserrat"></script>
<!-- Header branco com borda dupla -->
<script src="https://cdn.jsdelivr.net/gh/clonegarden/squarespaceplugins@latest/animated-header/animated-header.min.js?bgColor=FFFFFF&fontColor=000000&showBorder=true&borderPosition=both&borderColor=CCCCCC&borderWidth=1"></script>
<!-- Semi-transparente overlay -->
<script src="https://cdn.jsdelivr.net/gh/clonegarden/squarespaceplugins@latest/animated-header/animated-header.min.js?bgColor=rgba(0,0,0,0.9)&fontColor=FFFFFF&showBorder=true&borderColor=FFFFFF&borderWidth=2"></script>v2.0.0 New Features:
- ✨ Font family customizável (
fontFamily) - ✨ Background modes (sólido, transparente, blur via
bgEffect) - ✨ Bordas customizáveis (
showBorder,borderPosition,borderWidth,borderColor) - ✅ 100% compatível com todos os temas
Full-width expanded navigation menu for Squarespace, replacing the native header with a custom multi-column layout. Supports mobile wrap, custom spacing, and full color/font control. v2.1.5
Install:
<script src="https://cdn.jsdelivr.net/gh/clonegarden/squarespaceplugins@latest/expanded-menu/expanded-menu.min.js"></script>A floating header that begins at the bottom of the page and smoothly slides to the top on scroll. Universal Squarespace 7.0 & 7.1 compatibility. v1.0.8
Install:
<script src="https://cdn.jsdelivr.net/gh/clonegarden/squarespaceplugins@latest/floating-header/floating-header.min.js"></script>Dynamic photo grid/masonry layout for Squarespace image galleries. Fully responsive with configurable columns and spacing. v1.3.0
Install:
<script src="https://cdn.jsdelivr.net/gh/clonegarden/squarespaceplugins@latest/photo-grid/photogrid.min.js"></script>Animated continuous logo marquee with stamp and particle explosion effects. Logos enter from the right, receive a random stamp, then "die" into a pile in the left corner. v1.2.0
Install:
<script src="https://cdn.jsdelivr.net/gh/clonegarden/squarespaceplugins@latest/logo-reaper/logo-reaper.min.js?logos=...&height=220"></script>These plugins are commercially licensed and require activation.
- Purchase a plugin license at Anavo Tech
- Register your Squarespace domain
- Install using the provided code snippet
- Activate automatically on first load
Plugins verify your domain against our license server:
- ✅ Licensed domains: Full functionality
- ❌ Unlicensed domains: Watermark + limited features
- 🔧 Development: Works on localhost/staging
Privacy: We only check domain authorization. No user data is collected.
All plugins follow the same pattern:
<!-- 1. Add target div -->
<div id="plugin-container"></div>
<!-- 2. Load plugin from CDN -->
<script src="https://cdn.jsdelivr.net/gh/clonegarden/squarespaceplugins@latest/[plugin-name]/[plugin-name].min.js"></script><!-- Use specific version for stability -->
<script src="https://cdn.jsdelivr.net/gh/clonegarden/squarespaceplugins@v1.0.0/quotation-builder/quotation-builder.min.js"></script>Add parameters to the script URL:
<script src="... plugin-name.min.js?bgColor=ffffff&activeColor=2563eb§ionBorder=false"></script>See individual plugin documentation for available parameters.
/plugin-name/
├── plugin-name.js ← Source code
├── plugin-name.min.js ← Minified (production)
├── README.md ← Plugin documentation
├── CHANGELOG.md ← Version history
└── examples/ ← Usage examples
# Clone repository
git clone https://github.com/clonegarden/squarespaceplugins.git
cd squarespaceplugins
# Install dependencies
npm install
# Build all plugins
npm run build
# Build specific plugin
npm run build:quotation-builder
# Watch for changes
npm run dev# Use our plugin template
npm run create-plugin my-new-pluginSee Plugin Development Guide for details.
Latest version:
https://cdn.jsdelivr.net/gh/clonegarden/squarespaceplugins@latest/[plugin]/[plugin].min.js
Specific version:
https://cdn.jsdelivr.net/gh/clonegarden/squarespaceplugins@v1.0.0/[plugin]/[plugin].min.js
Specific commit:
https://cdn.jsdelivr.net/gh/clonegarden/squarespaceplugins@[commit-hash]/[plugin]/[plugin].min.js
- Total Downloads: View on jsDelivr
- GitHub Stars:
- Active Licenses: View in [Plugin Manager]
- 📧 Email: hello@anavo.tech
- 🐛 Bug Reports: GitHub Issues
- 📖 Knowledge Base: Anavo Tech
- Monday-Tuesday-Thursday-Friday: 9AM-5PM EST
- Response time: Within 24 hours
- Emergency support: Available for enterprise licenses
Tabbed Content v1.3.0
- ✨ True folder-tab architecture — wrapper is now transparent (
background: transparent,overflow: visible), allowing tabs to cleanly overlap the content panel border - ✨ New
contentBgColorparameter — explicit content panel background color, used for the active-tab border-masking trick - ✨ Active tab z-index layering — tablist (
z-index: 2), active tab (z-index: 3), content panel (z-index: 1) — correct stacking order by default - ✨ Inactive tabs now have
background: transparent— the page background shows through closed folder tabs - 🔧
sectionBorderdefault changed tofalsefor all presets exceptminimal - 🔧
tabGapdefault changed from8to6 - ✅ Eliminates the need for
!importantCSS overrides in Squarespace — injected styles are architecturally correct by default
Recent Releases:
- Photo Grid v1.3.0 — Enhanced masonry grid with configurable columns
- Space Invaders v2.5.1 — Performance improvements and new game modes
- Logo Reaper v1.2.0 — New stamp effects and improved particle system
We create professional tools for creative businesses.
- 🌐 Website: anavo.tech
- 📸 Instagram: @anavotech
Commercial License - See LICENSE.md
TL;DR:
- ✅ Use on unlimited client projects (with license)
- ✅ Modify for your needs
- ✅ Distribute to your clients
- ❌ Resell or redistribute as your own product
- ❌ Remove licensing/attribution
For custom licensing or white-label options, contact: hello@anavo.tech
Built with ❤️ by the Anavo Tech team.
Technologies:
- Vanilla JavaScript (ES6+)
- CSS3 with CSS Variables
- jsDelivr CDN
- GitHub Actions (CI/CD)
Inspired by:
- Squarekicker
- Elfsight
- POWR
Made for Squarespace • Built by Professionals • Licensed for Success