FluxType

Description FluxType turns oversized typography into an immersive, responsive visual experience.

Description FluxType turns oversized typography into an immersive, responsive visual experience. Characters react individually to cursor movement while a fluid WebGL shader generates evolving color and texture behind the type. Designed for experimental portfolios, creative studios, campaign pages, product launches, and Awwwards hero sections. FluxType is responsive, performance-conscious, and fully customizable through Framer’s visual property controls—no coding required. Available customizations Typography Custom text Full Framer font controls Font size, weight, line height, and letter spacing Text color Left, center, or right alignment Maximum text width Interaction Magnet, repel, and wave effects Interaction strength Cursor influence radius Character lift and scaling Optional idle animation Idle drift amount Animation speed WebGL shader Aurora, plasma, and monochrome modes Three customizable shader colors Shader speed Pattern scale Grain intensity Shader on/off toggle Surface Background color Internal padding Corner radius Border width and color Text glow intensity Cursor Custom cursor on/off toggle Cursor size Cursor color Blending Normal Difference Screen Overlay

Magnetic WebGL typography