# Framer adds Shaders for logos

By Steven Van · 2026-04-21

Gradient and Glass animate uploaded SVG or PNG logos, with Contour, Dispersion, and Bevel adding depth.

[Framer](<https://creatorstoolbox.com/tools/framer>) now lets creators upload SVG or PNG logos and apply Shaders to them. Two are available at launch, Gradient and Glass, which animate gently in response to the edges of the shape. Effects like Contour, Dispersion, and Bevel add depth so the logo reads as three-dimensional. Framer notes the effects work especially well on teaser pages and product launches. [See the announcement](<https://www.framer.com/updates/logo-shaders>).

[![](<https://framerusercontent.com/images/1iYU3n6lRbM5mu2rAQCA6k4w8.png?width=1600&height=900>)](<https://www.framer.com/updates/logo-shaders>)

![Framer](<https://framerusercontent.com/images/aXvo6HfUhqvR7oFjFL8b4AcyGfg.png>)

Framer

No-code website builder with a visual canvas, built-in CMS, localization, scroll animations, and one-click publishing to fast hosting.

[View Framer →](<https://creatorstoolbox.com/tools/framer>)

[Original source](<https://www.framer.com/updates/logo-shaders>)

[Read Framer adds Shaders for logos on Creators Toolbox](<https://creatorstoolbox.com/blog/framer-logo-shaders>)

---
Canonical source: https://creatorstoolbox.com/blog/framer-logo-shaders
