Home / Services / GSAP & SVG Animation

Services

GSAP & SVG Animation

Good animation isn't decoration, it's what keeps people scrolling. Scroll-triggered reveals, text that animates in, SVG paths that draw themselves.

What is included

Everything in the build.

GSAP · ScrollTrigger · SVG

Purposeful animation drives around 30% longer sessions.

  • Written as custom JavaScript, zero plugin conflicts
  • No bloat beyond the GSAP library itself
  • Reduced-motion respected for accessibility

Animation earns its place when it holds attention. It loses its place when it delays the page.

Every animation I build follows three rules: transform and opacity only, so the compositor handles it and no frame triggers a layout recalculation; nothing runs before first paint; and prefers-reduced-motion is honoured before anything registers. That last one is an accessibility requirement, and in several markets a legal one.

It is written as a single vanilla JavaScript file. No animation plugin, because those load the whole library on every page and fight the page builder over which one owns the element.

FAQs

Frequently Asked Questions

Will animation slow the site down?

Not if it follows the three rules above. Break them and animation becomes the single biggest thing slowing a page; follow them and the impact is negligible.

Do you use an animation plugin?

No. Plugins load their whole library plus a UI layer on every page, conflict with page builders, and break when either side updates. A hand-written file is a few kilobytes and does exactly what it was told.

What about visitors who find motion uncomfortable?

The script checks prefers-reduced-motion and bails out before registering anything. Those visitors get the full site with no movement at all.

Ready to build something that performs?

Tell me about your project and I'll tell you exactly how I'd approach it. Free 30-minute consultation, and I reply within 24 hours.

Let's Talk