Morph Text Pro
A Framer text effect that continuously distorts SVG lettering, with pointer-driven warping, click bursts and five preset treatments.
About Morph Text Pro
Morph Text Pro combines ambient letter distortion with more direct reactions to a visitor. A pointer can warp the word, a click can create a burst, and individual letters can expand on hover.
The visual treatment is separate from the type settings, so gradients, spacing and weight remain adjustable. Automatic fitting lets the phrase scale within its frame instead of requiring a fixed-size composition.
Component details
Adds animated SVG text distortion to headings and display lettering.
Mouse proximity warps the text, clicks trigger bursts and letters can expand on hover.
Five presets are Liquid, Melt, Wave, Ghost and Crystal; gradients support horizontal, vertical and radial modes.
Font, color, size, weight, spacing and background opacity are adjustable.
Auto-fit mode scales the font to the frame size.
The component exposes seven property-control groups in Framer and works without additional configuration.
More from Ahmet Loca
View all
Related components
View all
Built something worth finding?
Submit a site, template, component or tool built with any stack. We will add it to the atlas.