# animejs

> Claude/Codex skill by [@freshtechbro](https://github.com/freshtechbro) · 1.1k stars · Updated 2025-11-20

Versatile JavaScript animation engine for DOM, CSS, SVG, and JavaScript objects. Use when creating timeline-based animations, stagger effects, SVG morphing, keyframe sequences, or complex choreographed animations. Triggers on tasks involving Anime.js, timeline animations, staggered sequences, SVG path animations, morphing, or multi-step animation choreography. Alternative to GSAP for SVG-heavy animations and React-independent projects.

## Install

```sh
git clone https://github.com/freshtechbro/claudedesignskills /tmp/claudedesignskills && ln -s /tmp/claudedesignskills/.claude/skills/animejs ~/.claude/skills/animejs
```

## From README

Anime.js Lightweight JavaScript animation library with powerful timeline and stagger capabilities for web animations. Overview Anime.js (pronounced "Anime JS") is a versatile animation engine that works with DOM elements, CSS properties, SVG attributes, and JavaScript objects. Unlike React-specific libraries, Anime.js works with vanilla JavaScript and any framework.

## Links

- HTML page: https://omgskills.com/skills/freshtechbro/claudedesignskills/animejs/
- GitHub: https://github.com/freshtechbro/claudedesignskills
- Author: [@freshtechbro](https://github.com/freshtechbro)