GSAP · Motion · Interactions
Motion that makes a site feel considered.
I build the kind of motion that makes a site feel considered — scroll storytelling, page transitions, and micro-interactions, hand-built with GSAP and Motion. Performant, accessible, and reduced-motion safe.
Motion with a job to do
Animation should guide the eye — not fight for it.
Every interaction I build earns its place: pacing a story, showing relationships, giving feedback, or smoothing a transition. Done right, motion improves comprehension and conversion. Done wrong, it's noise — so I build it with restraint and measure the impact.
Patterns I build
The animation lab.
Live demos — these are real patterns I build, running right here.
What's included
Crafted, fast, accessible.
Everything that ships with a motion engagement.
- 01
Scroll-triggered effects
ScrollTrigger reveals, pins, and scrubbed timelines tuned to your content's pacing.
- 02
Page & state transitions
Smooth, branded transitions between pages and UI states that feel native.
- 03
Micro-interactions
Buttons, hovers, and inputs with tactile feedback that makes the UI feel alive.
- 04
SVG & canvas animation
Path-draw diagrams, animated logos, and lightweight canvas effects.
- 05
Performance budget
Animations built for 60fps with GPU-friendly transforms — never janky scroll.
- 06
Accessibility built in
Every effect respects prefers-reduced-motion and never traps or distracts.
Decision aid
Custom code, or native IX?
Native interactions cover the basics; custom GSAP is for signature, complex motion.
Process
How it works.
From audit to documented, reusable motion.
Motion audit
We review your site and goals, then identify where motion will actually help — and where it won't.
Direction
I prototype the key interactions so we agree on feel, timing, and intensity before full build.
Build
Animations built with GSAP/Motion as reusable, guarded modules that drop cleanly into your stack.
Performance & a11y
Profiled for 60fps and wired with reduced-motion fallbacks across browsers and devices.
Handoff
Documented, parameterised code so your team can reuse and tweak the motion later.
Ready when you are
Want a site that moves?
FAQ
Common questions.
- GSAP (GreenSock Animation Platform) is the industry-standard JavaScript animation library. It gives frame-precise control over timelines, scroll-triggered effects, and SVG — far beyond what website-builder interactions can do natively.
- Yes. I add custom GSAP and Motion code to Webflow, Framer, and Next.js sites — scroll effects, transitions, and micro-interactions — without breaking the editor or the existing build.
- Not when built right. I animate GPU-friendly properties, lazy-load where needed, and keep a performance budget so motion stays at 60fps and never hurts Core Web Vitals.
- Always. Every effect respects the prefers-reduced-motion setting and degrades to a static, fully-usable experience — motion is an enhancement, never a barrier.
- When it guides attention, clarifies relationships, and gives feedback, yes — it improves comprehension and trust. I build motion with that intent and avoid decoration that just adds load.
Explore
Related services.
Where to go next.
