Liquid Glass

Glass that bendswhat is behind it.

Lenses, crystal waves and honey drifts flow over your pictures, video and type, refract what lies beneath and stretch after the mouse. Real refraction rather than a frosted blur, on any website.

Try it in the editorSee the templates
Free with a watermark. ProProNo watermark, 25 live modules on 5 domainsNo watermark25 live modules5 domains500,000 views a month removes it on your domains.
ShowcaseLiquid Glass

Liquid Glass

Flowing optical glass over images, video and text

Lays flowing optical glass over images, video and typography: lenses, crystal waves and honey drifts that refract what lies beneath and stretch elastically after the mouse.

  • 11presets
  • 1template
  • Liquid glass hover effect on a hero image
  • Refracting lens over video or text
  • Glassmorphism with real distortion
Try it in the StudioIn the library

In templates

Presets11

Clear BlobLiquid DropGlass RibbonGlass FlowMagnifierTwin BubblesLiquid LensCrystal WavesHoney DriftMidnight LensCanyon Glass

Templates with liquid glass

Start from one of these and make it yours in Quick Edit.

Liquid glass on your platform

Build the module in SR Anywhere and paste one line where it should appear. No plugin and no app on any of these.

WordPressA Custom HTML blockHTMLAnywhere inside the bodyShopifyA Custom Liquid sectionSquarespaceA Code blockWixAn Embed HTML elementHubSpotAn Embed moduleShopwareA Text element

Three steps, no plugin.

A template on SR Anywhere is a module you own. It lives on our edge and shows up wherever you paste its line.

Pick one

Every template is finished and animated. Hover to see it move, open it to try it live.

Make it yours

Swap words, media and colours in Quick Edit, or connect ChatGPT or Claude and describe the change.

Paste one line

Publish and copy the script line into Shopify, Squarespace, HubSpot, Shopware, Wix, WordPress or plain HTML.

https://anywhere.sliderrevolution.com/api/mcp

In Claude, add SR Anywhere as a custom connector with this address, then click Allow on the page that opens, signed in to SR Anywhere.

Your AI
<script src=https://embed.sliderrevolution.com/i/ek_h4mqz7kxp2vt6wnra3ce/embed.js async></script>

Paste it into a Custom HTML block where the module should appear. Any theme, no plugin.

Publish anywhere

More effects

Each one on a page of its own, with its presets and the templates that use it.

Five particle effects
Three pointer effects
Typewriter Effect
Browse the whole library

Questions

It goes further. Glassmorphism blurs what is behind a panel; Liquid Glass refracts it, so the picture under the glass bends as it would under real glass, and the glass flows after the mouse.

Pictures, video and text: it flows over whatever lies beneath it in the module.

Start from a template that has it, and make it yours in Quick Edit: its Effects menu switches Liquid Glass on or off and picks its look. Publish, and every page with the line shows it.

The line loads asynchronously, so the page never waits for it. The module fetches only what it uses, from one address on our edge network, close to each visitor.

Put glass over your hero.

Start from a template with liquid glass, make it yours in Quick Edit and paste one line into your site. Free with a watermark, sign in with your e-mail to start.

Try the editorBuild one in your brand