A compact collection of production-ready text animations to bring headers, labels, and status lines to life. Each effect is configurable, lightweight, and accessible, making it ideal for subtle micro-interactions or expressive hero copy.

Functionality

• Five effects: Fade, Bounce, Typing (typewriter with caret), Shimmer (skeleton/gradient sweep), Zoom (scale in/out).

• Controls for duration, delay, easing/curve, loop/repeat, stagger (per-character/per-word).

• Triggers: on appear, on tap/hover, on scroll/into-viewport, programmatic start/stop.

• Sequencing & chaining to combine effects (e.g., fade-then-shimmer).

• Styling: font size/weight, gradient colors for shimmer, caret speed/blink, bounce amplitude, zoom scale range.

• Accessibility: respects reduced-motion, high-contrast friendly.

• Performance: GPU-accelerated transforms; designed for 60 fps on mobile and web.

• Works across common stacks (Flutter / React / Web/CSS), theme-aware (light/dark).

Use cases

• Hero slogans, feature lists, onboarding steps, and marketing callouts.

• “Typing…” or typewriter reveals in chat, tutorials, and walkthroughs.

• Shimmer placeholders for loading/skeleton states.

• Attention cues for CTAs, badges, counters, or inline notifications.

• Micro-delight in dashboards and content apps without heavy motion.

Keywords
text animation, fade in/out, bounce, typewriter effect, shimmer text, gradient sweep, zoom scale, micro-interaction, UI motion, onboarding, CTA highlight, skeleton loading, staggered text, easing curves, accessibility, Flutter/React/Web