Prism Shader

A premium WebGL shader for Framer that creates fluid sculptural ribbons with luminous colour, soft reflections, and cinematic movement. Prism Shader transforms your canvas into an abstract 3D composition inspired by polished glass, liquid metal, and flowing light.

Choose from five curated palettes including Violet Current, Arctic Chrome, Rose Gold, Emerald Tide, and Solar Ember. Each palette combines three carefully selected colours to create rich gradients and reflective lighting across the animated forms.

Control the character of the scene directly through Framer Property Controls. Adjust liquid movement, folds, band width, twist, zoom, exposure, reflection, softness, animation speed, and rendering quality to create anything from subtle atmospheric visuals to bold, expressive hero backgrounds.

Features

• Premium animated GLSL shader

• Fluid 3D sculptural ribbons

• Dynamic folds and liquid deformation

• Five curated colour palettes

• Interactive palette selector

• Adjustable liquid, folds, and twist

• Band width and zoom controls

• Exposure and reflection controls

• Performance, Balanced, and High quality modes

• Fully customizable with Framer Property Controls, no code required

Use Cases

• Hero backgrounds

• Creative websites

• Portfolio websites

• Agency websites

• Design studio websites

• SaaS landing pages

• Modern brand websites

• Digital experiences

• Product launches

• Framer templates

Why You’ll Love It

Prism Shader brings a tactile, dimensional quality to your Framer projects with flowing forms that feel like illuminated glass or liquid sculpture. The combination of procedural deformation, reflective lighting, and curated colour palettes creates a premium visual without relying on static images or video. Fine-tune every major aspect of the animation and appearance to create a visual that fits your project perfectly, no code required.

Original work by Sabo Sugi, used, developed, and commercially sold with full permission.