TypeFlux is an interactive WebGL text-distortion component for Framer. Turn any headline into a responsive visual moment that reacts to cursor movement and touch.
Create fluid liquid, pixelated, or chromatic text effects
Edit the text, font, colours, and background directly in Framer
Choose from ready-made presets or create a fully custom look
Control displacement, response area, trail, relaxation, curl, grain, and colour split
Keep layer edges stable with Safe Edges protection
Works with desktop cursor movement and mobile touch
Includes performance-quality settings and editor-friendly preview modes
Supports reduced-motion preferences automatically
Ideal for hero sections, portfolio intros, launch pages, and expressive brand moments
Version 1.1.0
Support: reem@ireem.net
TypeFlux is an interactive WebGL text-distortion component for Framer. Turn any headline into a responsive visual moment that reacts to cursor movement and touch.
Create fluid liquid, pixelated, or chromatic text effects
Edit the text, font, colours, and background directly in Framer
Choose from ready-made presets or create a fully custom look
Control displacement, response area, trail, relaxation, curl, grain, and colour split
Keep layer edges stable with Safe Edges protection
Works with desktop cursor movement and mobile touch
Includes performance-quality settings and editor-friendly preview modes
Supports reduced-motion preferences automatically
Ideal for hero sections, portfolio intros, launch pages, and expressive brand moments
Version 1.1.0
Support: reem@ireem.net
