오픈 소스. 새로운 가능성.

Chart.js는 HTML5 캔버스 태그를 활용한 단순하고 유연한 JavaScript 차트 라이브러리입니다. v4 문서를 제공하며, MIT 라이선스로 배포됩니다.

PixiJS는 웹용 고성능 2D WebGL 및 WebGPU 렌더러로, 인터랙티브 그래픽과 크로스 플랫폼 애플리케이션 제작을 위해 설계되었습니다.

ICERender는 TypeScript로 작성된 Canvas 2D 인터랙티브 그래픽 렌더링 엔진으로, ER 다이어그램, 플로우차트, 토폴로지 맵 편집 시나리오를 위해 React 스타일의 컴포넌트 모델, 중첩 좌표계, W3C 이벤트, Visio 스타일 연결선, JSON 직렬화 및 keyframes 애니메이션을 제공하며 런타임은 gl-matrix에만 의존합니다.

Lottie(.json) 및 dotLottie(.lottie) 애니메이션을 위한 공식 LottieFiles 웹 플레이어로, Rust + WASM 코어, 다양한 렌더링 백엔드, 런타임 테마, 상태 머신 및 다양한 프레임워크 SDK를 제공합니다.

Hoho Avatar는 Canvas 2D 렌더링을 사용하여 말하고 오디오에 반응하는 2D 아바타를 제작할 수 있는 오픈 소스 TypeScript 툴킷입니다.

브라우저 기반 도구로, Unicode 점자 글리프를 사용하여 이미지를 고해상도 텍스트 아트로 변환하며, 고급 디더링 및 엣지 검출 기능을 제공합니다.

실시간 extrusion, PBR 재질, 동적 라이팅을 지원하는 텍스트를 3D 메쉬로 변환하는 네이티브 Windows 애플리케이션.

Anime.js는 CSS 속성, SVG, DOM 속성 및 JavaScript 객체 애니메이션을 위한 강력한 API를 제공하는 빠르고 가벼운 JavaScript 애니메이션 라이브러리입니다.

Phaser는 데스크톱 및 모바일 웹 브라우저를 위한 빠르고 무료이며 오픈 소스인 HTML5 2D 게임 프레임워크로, Canvas 및 WebGL 렌더링을 모두 지원합니다.

ImageCropKit은 Next.js와 Canvas API로 구축된 개인정보 보호 중심의 브라우저 기반 이미지 크롭 도구입니다. 업로드, 가입, 워터마크 없이 단일 및 대량 크롭, 비율 및 플랫폼 프리셋, 원형/타원형 모양, AI 데이터셋 크기 조절을 지원하며 PNG, JPG, WebP로 내보낼 수 있습니다.

Vue 기반 프론트엔드 시각 효과 사례 컬렉션으로, CSS 애니메이션, Canvas, Three.js 3D, AI 활용 등 수백 개 이상의 사례를 담고 있다. README에 온라인 체험 주소와 React 버전을 명시하고 있다.

정밀한 트리밍과 커스터마이징을 위한 내장 편집기를 갖춘 최적화된 루핑 GIF로 비디오 클립을 변환하도록 설계된 네이티브 Windows 애플리케이션.

nivo는 d3를 기반으로 구축된 오픈 소스 React 데이터 시각화 라이브러리입니다. SVG, HTML, Canvas를 위한 맞춤형 선언적 차트 컴포넌트를 제공하며 애니메이션, 테마, 패턴, 그라데이션, 반응형 레이아웃, 서버 사이드 렌더링 및 HTTP API를 지원합니다.

웹 브라우저에서 애니메이션 3D 그래픽을 생성하고 표시하는 데 사용되는 가볍고 크로스 브라우저를 지원하는 범용 JavaScript 3D 라이브러리입니다.

tsParticles는 웹사이트에 사용자 정의 가능한 입자 효과, 콘페티, 폭죽 애니메이션을 만드는 경량 TypeScript 라이브러리입니다. React, Vue, Angular, Svelte 등 프레임워크별 컴포넌트를 지원합니다.

손으로 그린 듯한 스타일의 다이어그램, 와이어프레임 및 스케치를 생성할 수 있도록 설계된 오픈 소스 가상 화이트보드로, 협업 및 암호화 기능을 제공합니다.

tldraw는 무한 캔버스 앱을 만들기 위한 오픈소스 React SDK로, 그리기/다이어그램 도구, 자체 호스팅 가능한 멀티플레이어 동기화, 사용자 정의 도형/도구, AI 통합 스타터 키트를 제공합니다.

프론트엔드 시각 효과에 특화된 컬렉션 애플리케이션. CSS 애니메이션, Canvas 애니메이션, Three.js 3D 및 AI 응용 등 수백 가지 사례를 온라인 데모와 로컬 실행 방식으로 제공하며 지속적으로 업데이트됩니다.

p5.js 스케치를 브라우저 없이 Node.js 환경에서 RGBA 픽셀 버퍼로 렌더링할 수 있게 해주는 라이브러리입니다.