Petal Dissolve Text — Animated Framer Component

Preview

Petal Dissolve Text turns any headline into a controlled cinematic destruction. Letters fracture into nervous sliced fragments while petals and glowing dust drift away.

Customize the typography, colors, particle density, dissolve direction, movement, timing, and playback behavior directly in Framer.

Features:

• Custom text and extended typography controls
• Petals, dust, or both
• Low, Medium, High, and Cinematic density
• Five dissolve patterns and five particle directions
• In View, Click, and Hover triggers
• Once, Every Trigger, and Loop playback
• Responsive particle limits for smaller screens
• Automatically pauses when outside the viewport
• Static Framer Canvas fallback
• No Three.js, GSAP, models, or external assets
• User guide included

Best suited for hero headlines, portfolio introductions, campaign pages, fashion projects, editorial layouts, and dramatic transitions.