# 웹 애니메이션·2D·3D 그래픽

[원문](https://www.linkymeadow.com/w/217590/)

마지막 수정: 2026-10-04 20:00 (KST)

웹에서 움직임과 2D·3D 그래픽을 구현하는 라이브러리를 모았습니다.

## 애니메이션

- [Motion](https://motion.dev/)

  HTML·SVG 요소의 움직임과 스크롤 효과를 구현하는 JavaScript 애니메이션 라이브러리입니다.
- [Anime.js](https://animejs.com/)

  CSS·SVG·JavaScript 객체에 애니메이션을 적용하고 타임라인으로 재생 순서를 제어하는 라이브러리입니다.

## 2D·3D 렌더링

- [PixiJS](https://pixijs.com/)

  WebGL·WebGPU로 2D 그래픽을 그리며 이미지와 캐릭터가 반응하는 웹 콘텐츠를 만드는 렌더링 엔진입니다.
- [Three.js](https://threejs.org/)

  장면·카메라·조명과 3D 모델을 조합해 웹에서 입체 그래픽을 구현하는 JavaScript 라이브러리입니다.

## 관련 문서

- [디자인·글꼴·다이어그램](https://www.linkymeadow.com/w/93bbb0/)
- [3D 생성 AI](https://www.linkymeadow.com/w/a9378e/)