The Tech Stack

The Tech Stack

Framer Motion Animation

Framer Motion is the animation library behind every purposeful movement on this site, from a card lifting slightly on hover to a section fading into view as you scroll. We use it deliberately and sparingly: every animation ships with a reduced-motion alternative, and nothing is animated just to look busy.

#1

animation library in the React ecosystem

Card.tsx · Framer Motion
import { motion } from 'framer-motion'
// Reduced-motion aware
<motion.div
initial={{ opacity: 0 }}
whileInView={{ opacity: 1 }}
/>
60fps · transform/opacity only

Why We Use This

Accessible by default

Every animation we build has a prefers-reduced-motion alternative, so visitors with motion sensitivity get a calm, static experience instead of being forced through movement.

Motion with intent, not decoration

We reserve animation for moments that genuinely help (confirming an action, guiding attention to what changed) rather than animating every element by default.

Real, readable content underneath

Framer Motion animates real DOM text and elements via transform and opacity, so nothing is hidden from screen readers or search engine crawlers.

The standard for React animation

It is the most widely used animation library in the React ecosystem, which means reliable long-term support and a large body of proven patterns to build on.

High Performance

Optimized for speed and efficiency

Global Scale

Built for worldwide reach

Secure & Reliable

Enterprise-grade security

Common Questions

Why does this site have animations at all?

Every animation on this site is used to reinforce a real interaction, like confirming a hover state or revealing already-visible content smoothly, never as decoration for its own sake.

Do animations slow down my website?

Not when built correctly. Framer Motion animates using transform and opacity, which browsers can render efficiently, and we keep animation use deliberately restrained rather than layering it on every element.

What happens if I have motion sensitivity?

Every animation we build respects your operating system's reduced-motion setting. If you have that enabled, animations are replaced with an instant or minimal-motion alternative sitewide.

Ready to Start Your Project?

Tell us what you are building and we will tell you honestly whether this is the right tool for it.

Start Your Project