TypeFlux is an interactive WebGL text-distortion component for Framer. It turns any headline into a responsive visual moment—stretching, rippling, pixelating, or splitting colour as visitors move their cursor or touch the screen.

Simply add the component, write your text, choose a font, and tailor the effect to your design. Use the built-in presets for a quick result, or fine-tune the displacement, reaction area, trail, relaxation, colour split, curl, grain, and safe-edge protection for a completely custom feel.

TypeFlux includes three visual styles: Liquid for smooth flowing distortion, Pixelated for a digital grid-based effect, and Chromatic for vivid RGB separation. It works with desktop cursor movement and mobile touch, supports reduced-motion preferences, and includes editor-friendly preview settings so your Framer canvas stays easy to work with.

Perfect for hero sections, portfolio intros, launch pages, creative studios, fashion, music, and brands that want their typography to feel alive.

Version 1.1.0 Support: reem@ireem.net