Skip to content

component

Reflective Fabric BG

By Karim Saif

Details

Summary

Highly customizable animated shade

Description

WebGL Shader Pro is a highly customizable animated shader background for Framer, designed to bring rich, fluid, generative visuals to websites without the need for complex setup or external libraries. Built with WebGL2 and GLSL , it combines animated mathematical patterns, curated color presets, distortion, mouse interaction, rotation, blending, and resolution controls into one flexible Framer component. Whether you need a subtle background for a SaaS landing page or an energetic visual for a creative portfolio, WebGL Shader Pro gives you the controls to make it your own. ✦ Great For WebGL Shader Pro is perfect for: 🚀 Hero sections ✨ Landing pages 🎨 Creative portfolios 🌌 Dark-mode websites 💻 SaaS & startup websites 🧬 AI / technology websites 💎 Premium product pages 🖼 Visual backgrounds 🎥 Interactive experiences 🪄 Experimental / generative websites 🧑‍🎨 Creative agency websites Use it behind typography, cards, buttons, images, or entire sections to add depth and motion to your design. 🎨 Customize Everything Presets Start instantly with curated styles: Signature Aurora Cosmic Electric Ocean Sunset Mono Custom Each preset controls more than just color — it also defines its own scale, distortion, and intensity . 🌐 WebGL Fallback 🧑‍💻 Built for Framer Designed specifically as a Framer Code Component , with native property controls and responsive sizing. No external setup is required. Just: Insert → Customize → Publish. 💛 Support Created and maintained by @ karimsaif . If you have a question, find a bug, or have an idea for a future update, I'd love to hear from you. Email: karimsaif010@gmail.com X: @karimsaif0 on X

Introduction

Highly customizable animated shade

Rank history

Daily rank per list, from the first snapshot — lower is better.

110012001300139268/238/289/39/99/15
  • All · #3926