This component animates each word with a clean pop and drift effect, paired with small shape accents for added character. It is built for clarity, performance, and easy control inside Framer.
Word-by-word reveal animation with smooth timing
Shape accents with circle, square, or mixed patterns
Appear or scroll-based trigger options
Optional replay on scroll for repeated animations
Adjustable delay and stagger for precise timing control
Fully customizable typography using Framer font controls
Supports multiple heading tags or paragraph text
Text alignment control for layout flexibility
Auto visibility on canvas for easy editing
Clean CSS-based animation for smooth performance
Property Controls
Text: Edit the full text content
Tag: Choose heading level or paragraph
Align: Set text alignment
Font: Customize font family, size, weight, spacing
Color: Set text and accent color
Trigger: Choose between appear or scroll activation
Replay: Enable repeat animation on scroll
Delay: Set initial animation delay
Stagger: Control delay between each word
Shapes: Select circle, square, or mixed accents