component
GSAP Distressed Text
By THE DESIGN FUTURIST
Details
- THE DESIGN FUTURISTAuthor
- componentType
- $8.00Price
- 2026-03-09Published
- 2026-06-04Updated
- 2026-03-02Added
- TextCategories
Summary
GSAP-Powered Distressed Text Effect
Description
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 Text Input Preset - Circle / Heart / Flower Upload - Upload your own logo (svg) HTML Tag H1~H6, p, span Word Break Keep All / Normal Font Font Color Stroke Width (px) Blur (px) Contrast Mode Distressed -> Clean Clean -> Distressed Interaction Hover Scroll (Layer in View) When Hover Auto Reset - Enabled / Disabled Stagger (s) When Scroll Replay - Enabled / Disabled Delay (s) Threshold (%) Stagger (s) Have Questions? hello@thedesignfuturist.zip THE DESIGN FUTURIST - Framer Component Library
Introduction
GSAP-Powered Distressed Text Effect
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #1417