SB design

New Component

Scroll-Driven Timeline/Milestones

As you scroll, each milestone takes over the screen and smoothly transitions into the next (with customizable transitions)

Copy for Free

Live preview at the original viewport size.

Just dropped another new component! 🚀

Drop your feedback or suggestions in the comments

I'd love to hear your thoughts.

Hey everyone 👋

I just released Layerwave, a plugin that adds realtime WebGL effects to your Framer site — the kind of interactive distortion and refraction that normally needs a WebGL developer on the team.

Two effects to start:

Liquid Media: an image or video that deforms under the cursor: velocity-driven flow, chromatic aberration, idle motion. 6 presets.

Glass Lens: a refractive pane of glass floating over your media: shaped silhouettes, dispersion, frost, highlights. 5 presets.

How it works: browse the gallery, preview live, pick a preset, click Add to Canvas. The component installs itself into your project — no pasting code, no copying URLs — and every parameter stays editable from the property panel afterwards. Tweak a preset before inserting and it lands as Custom with all your values in the sliders.

Built for real sites, not demos: pauses off-screen and on hidden tabs, lazy media loading, capped pixel ratio, automatic quality tiers, prefers-reduced-motion support, and a mobile off-switch.

It's free while in beta. I'd genuinely love three things from you: rough edges you hit, and — most of all — links to what you make with it. That feedback decides which effect I build next. Finally, have fun with it!

👉 Get it via my profile

🌊 Try it live in your browser: https://layerwave.netlify.app/

Been testing shader buttons and this one's my favorite so far.

Fast, feels great to interact with, beautiful, and performant! The only thing I miss is the interactive shader but I’m pretty sure it’s coming soon.

Built it for my new portfolio, though it could pass as the new Framer's blue button 💙