FasterHQ
Log in

Faster Runtime

One script tag. One .fmtion file. 60fps everywhere.

faster-motion is the GPU-accelerated animation runtime that powers every Faster website. Add it to any site — WordPress, Shopify, or custom — and ship production-grade animation instantly.

Get Started See How It Works

<!-- Add to any website -->

<script src="faster-motion.min.js"></script>

<div class="fmtion" data-src="hero.fmtion"></div>

<!-- That's it. GPU-rendered at 60fps. -->

60fps

GPU-Rendered

<15kb

Gzipped Runtime

0ms

Layout Shift

Any

Website or Framework

Explore the Capabilities of faster-motion.

A standalone animation runtime that works on any website. No build step. No framework dependency. Just fast, beautiful motion.

GPU rendering demo placeholder

GPU-Accelerated Rendering on Every Device.

faster-motion renders animations on the GPU using PixiJS and WebGL. This means smooth 60fps performance even on low-end mobile devices — without touching the main thread.

  • WebGL-powered rendering via PixiJS — animations run on the GPU, not the CPU.
  • Zero layout shift. Animations load and render without pushing content around.
  • Automatic fallback to canvas rendering on devices without WebGL support.
  • Respects prefers-reduced-motion for accessibility compliance.

.fmtion format demo placeholder

The .fmtion Format. Self-Describing Animation.

.fmtion is a JSON-based animation format designed to be human-readable, AI-parseable, and production-ready. One file contains everything — keyframes, triggers, assets, and metadata.

  • Self-contained files — keyframes, easing, triggers, and assets in a single JSON file.
  • Human-readable structure with semantic property names and clear hierarchy.
  • AI-parseable by design — LLMs can read, generate, and modify .fmtion files directly.
  • Versioned format with backward compatibility — your animations never break.

Integration demo placeholder

Drop It on Any Website. It Just Works.

faster-motion is framework-agnostic and requires zero build configuration. Add a script tag, point to a .fmtion file, and your animation is live.

  • Works on WordPress, Shopify, Webflow, Ghost, Next.js, or any custom HTML site.
  • No build step, no npm install, no framework dependency. One script tag and you're live.
  • CDN-hosted for fastest delivery. Or self-host for full control.
  • Mount animations on any DOM element using CSS selectors or data attributes.

AI generation demo placeholder

Built for AI. From Day One.

The .fmtion format was designed to be AI-native. LLMs can read, understand, and generate animations from text prompts — making faster-motion the first animation runtime built for generative workflows.

  • Semantic, self-describing format that AI models can parse and generate reliably.
  • Describe what you want in plain English. Faster AI generates the .fmtion file.
  • AI can modify existing animations — change timing, add effects, or swap content.
  • 1000+ animation templates trained the AI to understand motion patterns and best practices.

Visual Motion Editor

Design Animations Visually. Or Let AI Do It for You.

The Visual Motion Editor is the design tool behind faster-motion. Keyframe anything on a visual timeline, add scroll triggers, build state machines, and export .fmtion files — all from your browser.

Explore the Editor

Editor preview placeholder

Works with Everything You Already Use.

faster-motion is framework-agnostic. It works alongside your existing tools — not instead of them.

WP

WordPress

SH

Shopify

WF

Webflow

NX

Next.js

GH

Ghost

HTML

Any HTML

Add Animation to Any Website.

Start using faster-motion today. One script tag and you're live.

Get Started