Getting Started

Getting Started

Welcome to SZZ Labs — a fast, multipurpose and lightweight JavaScript animation engine. Get up and running in minutes.

Installation

You can include SZZ Labs via CDN or install it using a package manager.

Via CDN (ES Module)

import { animate } from 'https://cdn.jsdelivr.net/npm/animejs/+esm';

Via NPM

npm install animejs

Note: SZZ Labs is powered by Anime.js v4. All APIs are fully compatible and documented here.

Your First Animation

import { animate } from 'animejs';

animate('.my-element', {
  translateX: 250,
  rotate: 360,
  duration: 1000,
  ease: 'inOutExpo',
});

Quick Steps

1

Include the library

Add SZZ Labs to your project via CDN or NPM.

2

Select targets

Use CSS selectors, DOM elements, or JS objects as animation targets.

3

Define properties

Specify CSS, SVG, DOM attributes or JS object properties to animate.

4

Configure & play

Set duration, easing, delay, loop and other playback options.

← Home