---
title: "Layerwave — Free Framer plugin · Best of Framer"
description: "Free Framer plugin · by Mathis Biabiany · Media. Layerwave adds production-ready realtime WebGL effects to your Framer site — interactive distortion and refraction that normally need…"
canonical: "https://framer.elliotli.dev/plugin/layerwave"
---

[Home](/)/[Plugins](/plugins)/[Media](/plugins/category/media)/Layerwave

# Layerwave

Realtime WebGL effects for Framer

[View on Framer](https://framer.com/marketplace/plugins/layerwave/?via=elliot-li)

## Summary

Layerwave adds production-ready realtime WebGL effects to your Framer site — interactive distortion and refraction that normally need shaders development.

## Description

Layerwave adds production-ready realtime WebGL effects to your Framer site — interactive distortion and refraction that normally need shaders development.

Browse the effect gallery, preview it live, pick an art-directed preset, and click Add to Canvas. The component is installed into your project automatically — you never paste code or copy a URL. Every parameter stays editable from Framer's property panel afterwards.

**Included** • Liquid Media — an image or video deformed by cursor movement, with velocity-driven flow, chromatic aberration and idle motion. 6 presets. • Glass Lens — a refractive glass surface with shaped silhouettes, dispersion, frost, contour and highlights. 5 presets.

**Built for production** • Pauses when off-screen or when the tab is hidden • Lazy media loading, capped device pixel ratio, automatic quality tiers • Respects prefers-reduced-motion, with an optional mobile off switch • Full GPU cleanup — no leaks when instances are added and removed

Effects render on the canvas as static media so the editor stays fast; flip Canvas Preview on any instance to art-direct it live. Glass Lens refracts the media you give it. Requires WebGL2.

Try it live here → [https://layerwave.netlify.app/](https://layerwave.netlify.app/)

## Rank history [How rankings work →](/terms#rankings)

-   All · #587

## Details

- **Author**: Mathis Biabiany
- **Published**: 2026-08-05
- **Updated**: 2026-08-24
- **Added**: 2026-08-05
- **Categories**: Media

## More like this

-   [Model Prep](/plugin/model-prep) — Litchi Solutions · Free — Compress 3D models, add finishes
-   [Animated Diagram Builder](/plugin/animated-diagram-builder) — Luke Sn · Free — Build animated workflows visually.
-   [Bandwidth Saver - Cloudflare R2](/plugin/bandwidth-saver-cloudflare-r2) — Luke Sn · Free — Host videos in your own Cloudflare
-   [SVG Flower Generator](/plugin/svg-flower-generator) — Eugenio Ciccale · Free — Geometric SVG Flower Generator