Documentation

Welcome to the FasterMotion documentation. FasterMotion is a high-performance JavaScript animation library designed for modern web applications.

Quick Navigation

• Getting Started - Installation and your first animation
• API Reference - Complete API documentation
• Guides - In-depth tutorials and guides
• Examples - Real-world examples and demos

Features

FasterMotion provides a comprehensive suite of animation capabilities:

• Tween Engine - Smooth property animations with 30+ easing functions
• Timeline System - Sequence and orchestrate complex animations
• Scroll Animations - Sync animations with scroll position or trigger on scroll
• Canvas Rendering - High-performance 2D canvas animations
• Skeletal Animation - Bone-based character animation system
• State Machines - Complex animation control with layers and transitions
• 3D Integration - Three.js support with scroll binding
• Text Effects - Split text into characters/words with stagger animations

Installation

npm install faster-motion

Or use the CDN:

<script src="https://static.fasterhq.com/js/faster-motion/0.4.4/faster-motion.0.4.4.umd.js"></script>

Quick Example

import { FasterMotion } from 'faster-motion';

// Basic animation
FasterMotion.to('.box', {
  x: 100,
  rotation: 360,
  duration: 1000,
  ease: 'ease-out'
});

// Scroll animation
FasterMotion.to('.hero', {
  opacity: 1,
  y: 0,
  scroll: {
    trigger: '.hero',
    start: 'top 80%',
    end: 'bottom 20%'
  }
});

Version Information

Current version: v1.0.0

• v1.0 Documentation - Latest (recommended)

Next Steps

1. Install FasterMotion - Choose your preferred installation method (NPM or CDN)
2. Read Getting Started - Learn the basics and create your first animation
3. Explore Examples - Browse over 100 examples to learn different techniques