SkillsAdd

hairyf/skills

anime

Anime.js v4 - A fast, multipurpose and lightweight JavaScript animation library. Use when creating animations, timelines, draggable interactions, SVG animations, text effects, or working with CSS properties, DOM attributes and JavaScript objects.

First seen Feb 2, 2026

Installation

$ npx skills add hairyf/skills --skill anime
View on skills.sh ↗ GitHub repository ↗

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

animejs Similar name
heygen-com/hyperframes 71.9K installs
animejs Similar name
freshtechbro/claudedesignskills

Versatile JavaScript animation engine for DOM, CSS, SVG, and JavaScript objects.

2.2K installs
animejs Similar name
bowtiedswan/animejs-skills

Comprehensive skill for Anime.js v4 - a fast and flexible JavaScript animation library. This s…

958 installs
anime-js Similar name
mindrally/skills

Expert guidelines for building performant animations with Anime.js animation library

680 installs
anime-soccer Similar name
pika-labs/pika-plugins

>- Use when the user asks for anime soccer or a task matching the examples below. Put the USER …

589 installs
anime-js Similar name
dylantarre/animation-principles

Use when implementing Disney's 12 animation principles with Anime.js library

530 installs

Also in this package

Other skills from hairyf/skills · top by installs.

npx skills add hairyf/skills
tailwindcss 3K motion 1.1K hairy-utils 1.1K next 809 react-use 807 valtio 743 valtio-define 714 openapi-specification-v3.2 713 hairy-react-lib 713 vitest 646

Browse all from hairyf/skills

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 25
License LICENSE.md
Default branch main
Open issues 0
Status Active

Skill metadata

Parsed from SKILL.md frontmatter.

Version2026.2.1
More metadata
author
Hairyf
version
2026.2.1
source
Generated from https://github.com/juliangarnier/anime, scripts located at https://github.com/hairyf/skills

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 4,537 B
  • docs SUMMARY.md 259 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 133 installs

SKILL.md

Anime.js is a fast, multipurpose and lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects. Version 4 introduces a modular architecture with ES modules, improved performance, and enhanced features like draggable interactions, animatable objects, and advanced timeline controls.

The skill is based on Anime.js v4.3.5, generated at 2026-01-29.

Core References

Topic Description Reference
Animation Basic animation function, target selection, property animation [core-animation](references/core-animation.md)
Timeline Sequential and parallel animations, labels, position control [core-timeline](references/core-timeline.md)
Stagger Staggered animations for multiple targets [core-stagger](references/core-stagger.md)
Animation Parameters Duration, delay, easing, loop, callbacks [core-parameters](references/core-parameters.md)
Timer createTimer, Timer—periodic callbacks, frameRate, playback [core-timer](references/core-timer.md)

Features

Draggable

Topic Description Reference
Draggable Create draggable elements with physics and constraints [features-draggable](references/features-draggable.md)
Draggable Configuration Container bounds, snap, friction, velocity [features-draggable-config](references/features-draggable-config.md)

Animatable

Topic Description Reference
Animatable Create animatable objects for custom animations [features-animatable](references/features-animatable.md)

Scope & Scroll

Topic Description Reference
Scope Scroll-based animations and viewport detection [features-scope](references/features-scope.md)
Scroll (onScroll) Scroll-linked animations, progress, link(timeline) [features-scroll](references/features-scroll.md)

Layout

Topic Description Reference
Layout (AutoLayout) FLIP-style layout animations, accordion, enter/leave [features-layout](references/features-layout.md)

SVG

Topic Description Reference
SVG Morphing Morph SVG paths and shapes [features-svg-morph](references/features-svg-morph.md)
SVG Drawing Animate SVG path drawing [features-svg-draw](references/features-svg-draw.md)
SVG Motion Path Animate elements along an SVG path [features-svg-motion-path](references/features-svg-motion-path.md)

Text

Topic Description Reference
Text Splitting Split text into words, lines, and characters [features-text-split](references/features-text-split.md)
Text Animation Animate text content and properties [features-text-animation](references/features-text-animation.md)

Easings

Topic Description Reference
Easing Functions Built-in easing functions (in, out, inOut) [easings-functions](references/easings-functions.md)
Custom Easings Cubic bezier, spring, steps, linear easings [easings-custom](references/easings-custom.md)

Utilities

Topic Description Reference
Utils DOM utilities, value helpers, math functions [utils-helpers](references/utils-helpers.md)

Advanced

Topic Description Reference
Composition Replace, none, blend (additive) for overlapping animations [advanced-composition](references/advanced-composition.md)
Engine Global engine—pause, resume, speed, timeUnit, precision [advanced-engine](references/advanced-engine.md)
WAAPI Web Animations API—waapi.animate for native animations [advanced-waapi](references/advanced-waapi.md)
Scope (createScope) Execution context, defaults, methods, keepTime, revert [advanced-scope](references/advanced-scope.md)