Framer has shipped Logo Shaders, a new shader type that takes any uploaded SVG or PNG and applies real-time visual effects directly to its edges and geometry.
The launch includes two shaders: Gradient and Glass. Effects include Contour, Dispersion, and Bevel, each designed to simulate three-dimensional depth by reacting to the actual shape boundaries of the uploaded asset. Animations are edge-aware, meaning motion responds to the specific silhouette of your logo rather than a generic bounding box.
The full update page at framer.com/updates/logo-shaders details the technical implementation and shows the shaders in action. Worth reading if you want to understand how edge detection drives the animation logic, not just the visual output.
[WATCH ON YOUTUBE →]