Jeremy MuraFounder, Mura Design Co · Brand Identity & Web Designer → Mura Design Co. • Helped 100,000 Designers on Skillshare / Youtube → Jeremymura.com •

Framer's New Shader Effects Are Insane #webdesign #tutorial

30 Mar 2026 · 1 min

Watch on YouTube

0:32

In this short tutorial, Jeremy Mura highlights Framer's newly added shader functionality, which enables designers to create animated, dynamic backgrounds and visual effects for websites. He demonstrates several quick examples, including a Lego‑style image background with color variations, chromatic aberration, warp, and space‑style effects. Mura emphasizes how these shaders can make client sites more engaging and unique, and invites viewers to comment "Framer" to receive a trial link.

Chapters

It's one of the coolest updates from Framer. They introduced shaders. You can create animated backgrounds or cool images, dynamic and unique for your website designs. Here's a few quick examples I did. I created this Lego type of style with an image. You got— created this background here, and you can change the colors, make it look really cool. There was another one here that I made, and there are a ton of other options, even chromatic aberrations. You can even do a warp effect, space effect. You can do a lot of cool effects with it. It just makes the websites more fun and also unique when you're creating it for your clients. Just comment the word Framer and I'll send you a Try it out.