PillShowcase Squarespace Hover Effect Plugin for Interactive Product Features

$25.00
  • Auto-detects your section color adapts perfectly to light, dark, orange, or any background

  • Smooth animated image transitions with glassmorphism text overlays

  • Works on any Squarespace 7.1 page no theme restrictions

  • Zero coding required copy, paste, replace placeholders, save

  • Fully responsive stacks into a clean horizontal pill row on mobile

  • Automatically inherits your site's heading and body fonts

  • Add unlimited pills, images, and feature overlays

  • Animated progress bar and slide counter included

  • Lightweight no external libraries, no page speed impact

  • Mobile Responsive

  • Auto-detects your section color adapts perfectly to light, dark, orange, or any background

  • Smooth animated image transitions with glassmorphism text overlays

  • Works on any Squarespace 7.1 page no theme restrictions

  • Zero coding required copy, paste, replace placeholders, save

  • Fully responsive stacks into a clean horizontal pill row on mobile

  • Automatically inherits your site's heading and body fonts

  • Add unlimited pills, images, and feature overlays

  • Animated progress bar and slide counter included

  • Lightweight no external libraries, no page speed impact

  • Mobile Responsive

FEATURES

Everything you need. Nothing you don’t.

Pure, purposeful, battle-tested on 800+ Squarespace sites worldwide.

Automatic Background Color Detection

Reads your Squarespace section's real background color at load time and adapts all pill borders, text, and overlay colors instantly. Light section, dark section, custom brand color it always looks correct without touching a single setting.

Works on Any Section Color

White, black, charcoal, terracotta, navy, orange place PillShowcase anywhere on your site. It detects and adjusts automatically every single time.

Fully Responsive on Mobile

On desktop, pills stack vertically on the left. On mobile, they reflow into a clean horizontal wrapping row across the top. Touch-optimized with zero tap delay. Your feature showcase looks sharp on every screen size.

Smooth Premium Animations

Images fade in with a cubic-bezier scale transition. Text overlays slide up with a blur-glass frosted effect. The result feels like a high-end product page not a Squarespace block.

Inherits Your Site Fonts Automatically

Reads your Squarespace 7.1 heading and body font CSS variables and applies them. No font settings to configure. Your brand stays consistent throughout.

Single Copy-Paste Install

The complete HTML, CSS, and JavaScript arrive as one file. Paste it into a Squarespace code block and the plugin is live. No Code Injection, no npm, no developer.

SOCIAL PROOF

Squarespace creators love it

★★★★★

"The level of customization these plugins provide is unparalleled. They've completely transformed my Squarespace site and given it a unique edge. I get compliments on it constantly. Highly recommended!"

Luke Gannon
Luke Gannon
Creative & Business Owner
✓ Verified
★★★★★

"I've purchased several templates from Squarespell and each one has been a game changer. Beautifully designed, incredibly easy to set up, and my clients are always blown away by the results."

Elisa Carlotti
Elisa Carlotti
Squarespace Designer
✓ Verified
★★★★★

"The plugins here are top notch. I added advanced functionality to my site without touching a single line of code. The instructions are crystal clear and everything worked first try. Brilliant work!"

R. Diehl
R. Diehl
Marketing Consultant
✓ Verified
★★★★★

"I was skeptical at first but these templates exceeded every expectation. Modern, fully responsive, and so easy to tweak to my brand. My site has never looked better and enquiries have gone up."

Iabukar860
Iabukar860
Online Store Owner
✓ Verified
★★★★★

"The support team is fantastic. They helped me integrate the plugin into my existing site and replied faster than I expected. Genuinely impressive customer service for a one time purchase."

Johan Vansch
Johan Vansch
Squarespace Circle Member
✓ Verified
★★★★★

"These plugins brought a whole new level of interactivity to my site. Visitors are spending more time exploring every section and I've seen a noticeable increase in engagement and conversions."

Emese Beleznai
Emese Beleznai
Brand Strategist
✓ Verified
★★★★★

"I can't say enough good things about the templates I've purchased here. Visually stunning and built with user experience in mind. My site went from generic to genuinely impressive. Worth every penny."

Vexya
Vexya
Lifestyle & Wellness Coach
✓ Verified
★★★★★

"The plugins are intuitive and well documented. I had everything set up on my own in minutes. My site now looks more professional than ever and I didn't need to hire a developer. Brilliant."

Mercedes Bradley
Mercedes Bradley
Photographer
✓ Verified
★★★★★

"If you want to take your Squarespace site to the next level, the templates and plugins here are a must have. They gave my business a fresh, modern look and everything was set up in under an hour."

Lonnie
Lonnie
Small Business Owner
✓ Verified
★★★★★

"These plugins have saved me so much time and effort. They integrate perfectly with Squarespace and the results are exactly what I was looking for. I've already recommended Squarespell to five colleagues."

Beth Hunter
Beth Hunter
Virtual Assistant
✓ Verified
★★★★★

"The variety of templates is fantastic. There's something for every type of business. I've already purchased three and each one has been flawless. My clients think I spent weeks building their sites."

Kalle
Kalle
Freelance Web Designer
✓ Verified
★★★★★

"I love how these plugins enhance my site without slowing it down at all. The code is clean and efficient and the user experience is completely smooth. Exactly what I needed for a fast, modern site."

T. Bonovitch
T. Bonovitch
SaaS Founder
✓ Verified
★★★★★

"The design quality of these templates is unmatched. Stylish, professional, and very easy to customise. My clients are always impressed with the end result and I always credit Squarespell."

Gionata
Gionata
Web & Brand Designer
✓ Verified
★★★★★

"I've tried plugins from other sources but nothing compares to the quality here. The features are exactly what I need and they work flawlessly every single time. This is my go to resource now."

Freemanace
Freemanace
E-commerce Owner
✓ Verified
★★★★★

"The templates are beautifully crafted and very user friendly. Even as a non developer I was able to make my site look polished and professional. The purchase confirmation includes everything you need."

Pragya
Pragya
Coach & Course Creator
✓ Verified

WHITE GLOVE SUPPORT

We don’t disappear after you pay

Every Squarespell customer gets real human support before, during, and after install.

Free Installation Help

Not sure which Section IDs to target? Send us a message after purchase. We’ll walk you through it step by step or install it on your site for you, free of charge.

Step by Step Documentation

A detailed written guide plus a video walkthrough showing exactly where to go in Squarespace. Everything arrives in your purchase confirmation email immediately.

Real Human Email Support

Every support message goes to a real person who knows Squarespace inside-out. We respond within 48 hours typically much faster.

Lifetime Updates Included

When Squarespace updates their platform, we update the plugin.

SS
Squarespell Support
Online now  ·  Avg. reply in 3 hrs
Hi! Will this work for both my shop products and blog posts on the same page?
Today, 9:41 am
Yes! Each carousel is scoped to its own section, so Shop and Blog run independently on the same page — no conflicts. Just paste the CSS into Custom CSS and the JS into Footer Code Injection. Done in under 10 minutes. 🎉
Today, 9:54 am
Just set it up — the infinite loop is so smooth and the hover effect looks amazing. Worth every penny! 🙌
Today, 2:18 pm
🛠 Free install help
💬 Real human support
⚡ 48hr response
🔄 Lifetime updates
Get your plugin + free setup help

No coding required  ·  Squarespace 7.1

FAQ

Common questions answered

  • Add a Code block to any Squarespace 7.1 page, paste the full PillShowcase code, upload your images via Custom CSS → Custom Files, replace the image URL placeholders and text placeholders, and save. The entire process takes under 10 minutes and a full screenshot guide is included with your purchase.

  • Yes this is the core feature. PillShowcase reads the actual computed background color of your Squarespace section at page load and automatically switches all colors to match. Dark section gets white-based ink. Light section gets black-based ink. Any color in between is calculated and handled automatically.

  • Yes. On screens below 680px, the vertical pill sidebar transforms into a horizontal wrapping pill row. Touch events are optimized with touchstart to eliminate tap delay. The image stage resizes proportionally. Everything works on iPhone, Android, and tablets.

  • No. All dynamic content your images, labels, headlines, and descriptions is replaced using clearly labeled placeholders inside the code. If you can add a code block and copy-paste text, you can install PillShowcase.

  • Yes. Duplicate one pill block, give it a unique key, add a matching image slide and text overlay with the same key, and update one line in the JavaScript array. Full copy-paste snippets and instructions are included in the setup guide.

  • No. The plugin uses zero external JavaScript libraries. All animations are CSS transitions. There is no measurable impact on page load speed or Core Web Vitals.

  • Squarespace 7.1 only. It is not compatible with Squarespace 7.0.

  • PillShowcase detects the background at page load time, so any theme or color changes you make in Squarespace automatically reflect the next time the page loads. No updates to the plugin code needed.

Still have a question? Email us →

ALSO FROM SQUARESPELL

More plugins to power your Squarespace site