Open Source2026In Progress

FORGE.motion

A collection of reusable Framer Motion patterns, transitions, and interaction primitives for production use.

Motion DesignFramer MotionReactOpen SourceVisit live site
FORGE.motion - hero screenshot
Open Source
Overview

FORGE.motion is a collection of production-ready animation primitives, transitions, and interaction patterns built with Framer Motion. The library captures common motion patterns - entrances, exits, micro-interactions, and scroll-triggered animations - as composable, customisable building blocks for frontend teams.

Challenge & Context

Animation in production environments is frequently rushed, inconsistent, or entirely absent. Teams either use generic library defaults or spend significant time building custom solutions that are uncopyable and unmaintained. FORGE.motion explores a middle path: opinionated, high-quality motion defaults that teams can adopt, adapt, and own.

Creative Direction

Motion in FORGE.motion is grounded in physical principles: inertia, weight, and easing curves that correspond to how objects move in the real world. The library's defaults produce motion that feels considered and premium without being ostentatious.

Build & Technology
Framer MotionReactTypeScriptOpen Source Architecture
Outcome & Recognition

An actively developed open source library within the FORGE ecosystem.

Key Learnings
  • 01

    Motion design benefits enormously from physical reference. Easing curves drawn from physics produce more satisfying animation than curves drawn from design intuition alone.

  • 02

    Composable motion primitives allow teams to build consistent animation languages without centralised enforcement.

  • 03

    The best motion is invisible - it enhances experience without calling attention to itself.

Visual Records

FORGE.motion visual 1
FORGE.motion visual 2
Let's work together

Have a project in mind?

I work with founders, small businesses and teams who need premium websites, product interfaces, design systems and frontend builds.

Also available on Contra for freelance engagements.