squarespell

Listing checked checked Aug 2026 How verification works We checked the creator, the product page, the platform and the pricing. We have not installed it ourselves.

Number counter for Squarespace websites

Animated counter widget for Squarespace 7.0 & 7.1. Scroll-triggered animations, fully responsive, easy to customize. No coding required. Free MIT license.

  • Fully Responsive – Works perfectly on all devices and screen sizes
  • Scroll-Triggered Animation – Counters animate when visitors scroll to them
  • Easy to Customize – Change numbers, labels, and icons without coding
  • Modern Glass Design – Premium glassmorphic cards with hover effects
  • Squarespace 7.0 & 7.1 Compatible – Works with both versions via code block
  • Fast & Lightweight – No jQuery or external dependencies required
  • 4 Pre-Built Counters – Clients, Projects, Success Rate, and Experience
  • Prefix & Suffix Support – Add %, +, $ or any symbol to counters
  • Auto-Repeat Animation – Reanimates when scrolling in and out of view
  • SEO & Accessibility Ready – Semantic HTML with ARIA labels
  • Copy-Paste Installation – Just paste into code block and publish
  • MIT Licensed – Free for personal and commercial use

Evidence

Customer reviews & feedback

No Squarespell customer reviews yet.

Squarespell reviews

Nobody has reviewed this here yet. Be the first, we only publish reviews left on Squarespell in this section.

FAQ

Common questions answered

How do I add an animated number counter in Squarespace?

Still have a question? Email us →

How do I add an animated number counter in Squarespace?

To add an animated number counter in Squarespace, you need a custom code snippet or a dedicated widget. You simply paste the provided code into a Code Block, and the numbers will automatically animate when users scroll to that section.

Can I make numbers count up when they scroll into view on Squarespace?

Yes. A properly built animated counter uses a scroll trigger (viewport detection) so the numbers start counting only when the section becomes visible on the screen.

Will an animated number counter slow down my Squarespace website?

No. A lightweight counter built with clean JavaScript and no heavy external libraries will not noticeably affect website speed or performance.

Can I customize the speed of the number animation?

Yes. Most animated counter widgets allow you to adjust the animation duration and counting speed to match your design preference.

Can I add symbols like %, +, $, or K to the animated numbers?

Yes. You can add prefixes or suffixes such as %, +, $, or K to display percentages, totals, revenue, or milestones clearly.

Can I use multiple animated counters on the same page?

Yes. You can add multiple counters in different sections of your website to showcase various statistics like clients served, projects completed, or years of experience.

Why are my numbers not animating when I scroll?

This usually happens if the scroll trigger is missing, incorrectly placed, or conflicting with another script. A properly configured widget ensures the animation triggers only when visible.

Are animated number counters good for conversions?

Yes. Animated statistics draw attention and build trust by highlighting measurable results, which can increase credibility and improve conversion rates.

Is an animated number counter mobile-friendly in Squarespace?

Yes. A properly designed counter automatically adapts to mobile and tablet screens, ensuring smooth animation and clean layout on all devices.

Also from Squarespell

More plugins to power your Squarespace site

Browse more plugins