5 animated SVG text distortion presets — liquid, melt, wave, ghost & crystal. Mouse proximity warps the text live. Click burst on tap, letter expand on hover. Gradient, auto-fit, opacity controls. 60fps RAF animation. Fully customizable via Framer property panel.
Live Preview: https://morphtextpro.framer.website/
About Component
MorphTextPro is an animated SVG text distortion component for Framer. Text morphs continuously through 5 unique presets with mouse-reactive warping, click bursts and per-letter expansion. Works out of the box with full property controls.
Use Cases
5 distortion presets — liquid, melt, wave, ghost & crystal
Mouse proximity warps the text in real time
Click anywhere to trigger a burst distortion effect
Letter expand — each character inflates on hover
Gradient text with horizontal, vertical and radial modes
Auto-fit mode scales font to any frame size automatically
Background opacity control for seamless layer compositing
Demo Mode — switch presets and toggle mouse FX live on canvas
60fps SVG filter animation — zero layout repaints in the render loop
Full property controls: font, color, size, weight, spacing and more
Works out of the box — drop it on the canvas and it runs instantly
What's Included
5 hand-tuned distortion presets
interactive FX — mouse warp, click burst & letter expand
Gradient, auto-fit & opacity controls
7 property control groups, zero config
Smooth 60fps SVG filter animation
Use CasesHero sections & animated landing pagesMusic, entertainment & event websitesCreative agency & experimental portfoliosGaming, esports & streaming platformsFashion, luxury & lifestyle brand pagesTech startup & SaaS product launchesArt direction & editorial design sitesFilm, photography & visual storytellingNFT, crypto & Web3 project pagesNightlife, festival & club event websites
Keywordsmorph text, text distortion framer, animated text effect, SVG text animation, liquid text, distortion typography, interactive text framer, mouse reactive text, text warp effect, hover text animation, crystal text effect, wave text distortion, ghost text effect, letter expand hover, click burst animation, gradient text framer, glitch typography, text morph component, animated typography framer, distortion text effect
Refund Policy
Due to the digital nature of this product, all sales are final and refunds are not available. Please review the product details carefully before purchasing. If you have any questions, feel free to contact me before placing your order.
Ahmet Loca
