GSAP Distressed Text

This GSAP-powered component brings high-end distressed text effects to your Framer projects with seamless scroll and hover interactions. You can apply it to any word or sentence and fine-tune every detail through various customizable properties to match your site's aesthetic.

Customizable Properties

1. Text Input

   • Preset - Circle / Heart / Flower

   • Upload - Upload your own logo (svg)

2. HTML Tag

   • H1~H6, p, span

3. Word Break

   • Keep All / Normal

4. Font

5. Font Color

6. Stroke Width (px)

7. Blur (px)

8. Contrast

9. Mode

   • Distressed -> Clean

   • Clean -> Distressed

10. Interaction

    • Hover

    • Scroll (Layer in View)

11. When Hover

    • Auto Reset - Enabled / Disabled

    • Stagger (s)

12. When Scroll

    • Replay - Enabled / Disabled

    • Delay (s)

    • Threshold (%)

    • Stagger (s)

Have Questions?

hello@thedesignfuturist.zip