Meltdown

Meltdown
Meltdown

About Meltdown

Make any headline melt.

Meltdown turns your text into glossy, liquid drips that run down, break into droplets and flow back into crisp text. It runs

Features

– Play on hover, click or loop: melt when someone hovers, on every click, or on repeat by itself.

– Any font: works with Google Fonts, Framer fonts and your own custom fonts. – Text + drip color: set them separately, or let the drips follow your text color and gradient fill.

– Stroke: turn it on with one toggle, then set the width and color.

– Full drip control: length, size, amount, variation, direction and fade out.

– Liquid details: falling droplets, gloss and a subtle wobble. – Mobile ready: tap to melt on touch devices.

– Performance first: pauses when off-screen, respects reduced-motion settings and falls back to plain text when WebGL isn’t available.

How to use

  1. Add Meltdown to your canvas.

  2. Type your text and pick a font in the right panel.

  3. Choose Play On (Hover, Click or Loop) and adjust the drips.

Tip: drips extend below the text, so keep the parent frame’s Overflow set to Visible.

If you have any questions or need support with the component, feel free to reach out to me at miraframez@gmail.com.

If you use this component in your project, I'd love to see what you created! Tag me on X

From Mira Framez

Smoke button
FX Before & After

Related Components

Word Magnet
Text Reveal Lens
Hoverlight
Shuffle Text