Polished, high-performance text animations for modern apps. This kit adds four expressive effects—Bounce, Blob, Morph, and Flip—to elevate headlines, buttons, list items, and micro-interactions without sacrificing accessibility or performance.

Functionality

• Bounce: spring-physics translate/scale with damping, stiffness, and overshoot controls; per-char/per-word staggering.

• Blob (gooey): organic squish/stretch using skew & scale; viscosity, elasticity, and clamp limits.

• Morph: smoothly interpolate between words/phrases; cross-fade, scramble, or glyph-by-glyph morphing; custom durations & easing.

• Flip: 3D rotate on X/Y with perspective, backface visibility, and snap/yoyo options.

• Triggers & timing: on appear, on tap/hover, on scroll into view, or programmatic; delays, repeats, and timelines.

• Styling: gradients, shadows, strokes, blend modes, letter/word spacing; light/dark themes.

• Performance & a11y: GPU-friendly transforms/opacity only, Reduced-Motion fallback, and screen-reader safe content.

Use cases

• Hero titles and section headers that need premium motion.

• Interactive lists, tabs, and menus to indicate focus/selection.

• Onboarding steps, achievements, and empty states with delightful feedback.

• Status changes (success/error/sync), notifications, and badges.

• Promo banners, cards, and CTAs in ecommerce or media apps.

Keywords
bounce animation, blob/gel animation, morphing text, flip/3D rotate, per-character animation, stagger, timeline, easing, spring physics, yoyo/loop, hover/tap/scroll trigger, GPU transforms, accessibility, reduced motion, mobile-first UI.