Introduction

AnimX is a high-performance JavaScript animation engine for the web. It provides tools for both standard timeline animations and interactive physics simulations.

AnimX provides a unified API for animating UI states, scroll-driven interactions, and SVG elements directly in the DOM.

---

1. Core Animation Engine

The AnimX core is a GPU-accelerated tweening engine. It supports precise sequencing, complex timelines, staggers, relative values, and function-based property resolution.

60 FPS

---

2. Text Effects

The text plugin splits typography into animatable characters, words, or lines. It integrates directly with the tweening engine for staggered animations while preserving screen reader accessibility.

Hello AnimX!

60 FPS

---

3. Physics and Dynamics

The dynamics engine applies physical forces—such as springs, collisions, gravity, and fluid drag—directly to HTML and SVG elements, enabling interactive simulations without requiring WebGL or canvas.

move cursor here

60 FPS

---

Modular Architecture

AnimX is modular. You only import the specific modules you require, which minimizes bundle size.

// Core tween engine
import AnimX from 'animx'

// Physics & Dynamics
import { Dynamics } from 'animx/dynamics'

// Text effects
import { TextEffects } from 'animx/text'

Get Started →