About
Blur Glow is an interactive, high-performance WebGL dynamic typography and morphing engine for Framer. Designed to deliver smooth, cinematic text transitions, it blends vector-crisp letter rendering with real-time multi-pass Gaussian blur cascades, liquid cursor warping, granular paper texture generation, and smooth color palette interpolations.
Whether serving as an eye-catching hero statement, a interactive branding showcase, or a dynamic feature banner, Blur Glow brings rich, organic depth and fluid typography morphs to modern web layouts.
Preview:
What it does
Dynamic Text Morphing Engine: Seamlessly animates and morphs between multiple input words using noise-driven transitional field masks and progressive letter-phase calculations.
Multi-Level Gaussian Blur Cascade: Utilizes a multi-pass WebGL frame-buffer pipeline that downsamples and blurs text across 4 depth levels to generate organic, glowing light casts with physical depth.
Interactive Fluid Cursor Warping: Creates real-time liquid distortion, swirl, drag, and velocity-based stretching around the cursor as users move across the component.
Continuous Palette Interpolation: Features saturation-preserving color blending between custom or preset color palettes during text morphs and idle states.
Organic Grain & Paper Shading: Blends customizable film grain and soft-light paper textures directly inside the composite fragment shader for an analog print feel.
Engineered for High Performance: Employs an optimized single-triangle WebGL render loop, dynamic offscreen texture pooling, hardware context loss recovery, and static renderer safety fallbacks for Framer.
What you can customize
Everything is fully configurable directly from Framer’s right-hand property panel:
Text & Typography: Input custom words, adjust font families, font weights, letter tracking, and character spread speed.
Need help?
Have questions or feedback? Reach out anytime at karimsaif010@gmail.com or on X @karimsaif0.
About
Blur Glow is an interactive, high-performance WebGL dynamic typography and morphing engine for Framer. Designed to deliver smooth, cinematic text transitions, it blends vector-crisp letter rendering with real-time multi-pass Gaussian blur cascades, liquid cursor warping, granular paper texture generation, and smooth color palette interpolations.
Whether serving as an eye-catching hero statement, a interactive branding showcase, or a dynamic feature banner, Blur Glow brings rich, organic depth and fluid typography morphs to modern web layouts.
Preview:
What it does
Dynamic Text Morphing Engine: Seamlessly animates and morphs between multiple input words using noise-driven transitional field masks and progressive letter-phase calculations.
Multi-Level Gaussian Blur Cascade: Utilizes a multi-pass WebGL frame-buffer pipeline that downsamples and blurs text across 4 depth levels to generate organic, glowing light casts with physical depth.
Interactive Fluid Cursor Warping: Creates real-time liquid distortion, swirl, drag, and velocity-based stretching around the cursor as users move across the component.
Continuous Palette Interpolation: Features saturation-preserving color blending between custom or preset color palettes during text morphs and idle states.
Organic Grain & Paper Shading: Blends customizable film grain and soft-light paper textures directly inside the composite fragment shader for an analog print feel.
Engineered for High Performance: Employs an optimized single-triangle WebGL render loop, dynamic offscreen texture pooling, hardware context loss recovery, and static renderer safety fallbacks for Framer.
What you can customize
Everything is fully configurable directly from Framer’s right-hand property panel:
Text & Typography: Input custom words, adjust font families, font weights, letter tracking, and character spread speed.
Need help?
Have questions or feedback? Reach out anytime at karimsaif010@gmail.com or on X @karimsaif0.
