카테고리
용어 사전
찜장바구니

장바구니 0개

뒤로

애니메이션 라이브러리

출처Animation libraries (CSS, JS, Lottie, Rive, 3D) (GitHub) 100

상품 100개1–60번째 / 100개

  • three.js

    웹에서 3D를 그리는 JavaScript 3D 라이브러리다.

    • JavaScript

    GitHub12만MIT

  • anime

    JavaScript 애니메이션 엔진이다.

    • JavaScript

    GitHub7.4만MIT

  • motion

    React와 JavaScript용 모던 애니메이션 라이브러리다.

    • TypeScript

    GitHub3.4만MIT

  • react-three-fiber

    Three.js를 React로 다루게 해 주는 렌더러다.

    • TypeScript

    GitHub3.3만MIT

  • GSAP

    모던 웹용 JavaScript 애니메이션 라이브러리 GSAP다.

    • JavaScript

    GitHub2.9만

  • react-spring

    스프링 물리 기반의 React 애니메이션 라이브러리다.

    • TypeScript

    GitHub2.9만MIT

  • lottie-web

    After Effects 애니메이션을 웹, Android, iOS, React Native에서 재생하는 Lottie 라이브러리다.

    • JavaScript

    GitHub3.2만MIT

  • Babylon.js

    JavaScript로 쓰는 강력하고 열린 게임·렌더링 엔진이다.

    • TypeScript

    GitHub2.6만Apache-2.0

  • animate.css

    여러 브라우저에서 쓰는 쉬운 CSS 애니메이션 라이브러리다.

    • CSS

    GitHub8.3만

  • mojs

    웹용 모션 그래픽 도구 모음이다.

    • CoffeeScript

    GitHub1.9만MIT

  • lottie-react-native

    React Native용 Lottie 래퍼다.

    • TypeScript

    GitHub1.7만Apache-2.0

  • lenis

    부드러운 스크롤을 만드는 라이브러리다.

    • TypeScript

    GitHub1.7만MIT

  • typed.js

    글자가 타이핑되는 애니메이션을 만드는 JavaScript 라이브러리다.

    • JavaScript

    GitHub1.6만

  • auto-animate

    설정 없이 웹앱에 부드러운 전환을 더하는 애니메이션 도구다. React, Vue 등에서 쓴다.

    • TypeScript

    GitHub1.4만MIT

  • magic-resume

    무료로 쓰는 온라인 AI 이력서 편집기다.

    • TypeScript

    GitHub1.1만

  • react-native-reanimated

    React Native의 Animated를 다시 구현한 애니메이션 라이브러리다.

    • TypeScript

    GitHub1.1만MIT

  • drei

    react-three-fiber에서 쓰는 유용한 도우미 모음이다.

    • JavaScript

    GitHub9,941MIT

  • tsparticles

    입자 효과, 색종이, 불꽃놀이 애니메이션을 만들어 웹사이트 배경으로 쓰는 라이브러리다.

    • TypeScript

    GitHub8,993MIT

  • locomotive-scroll

    화면에 들어온 요소를 감지하고 패럴랙스와 부드러운 스크롤을 주는 라이브러리다.

    • JavaScript

    GitHub8,879MIT

  • lightGallery

    모듈 방식으로 고쳐 쓸 수 있는 반응형 라이트박스 갤러리 플러그인이다.

    • TypeScript

    GitHub7,056GPL-3.0

  • react-native-gesture-handler

    플랫폼 네이티브 터치·제스처 시스템을 React Native에 선언형 API로 제공하는 라이브러리다.

    • TypeScript

    GitHub6,793MIT

  • cult-ui

    Tailwind CSS와 Motion으로 만든 shadcn/ui 애니메이션 컴포넌트 모음이다.

    • TypeScript

    GitHub6,519MIT

  • particles.js

    입자 효과를 만드는 가벼운 JavaScript 라이브러리다.

    • JavaScript

    GitHub3만MIT

  • barba

    웹사이트 페이지 사이를 부드럽게 전환하는 라이브러리다.

    • TypeScript

    GitHub1.3만MIT

  • michalsnik/aos

    스크롤할 때 요소에 애니메이션을 주는 라이브러리 AOS다.

    • JavaScript

    GitHub2.8만MIT

  • lightgallery.js

    의존성 없이 쓰는 JavaScript 이미지·동영상 갤러리다.

    • JavaScript

    GitHub5,317

  • swup

    서버 렌더링 웹사이트용 페이지 전환 라이브러리다.

    • TypeScript

    GitHub5,246MIT

  • scrollreveal

    요소가 화면에 들어올 때 애니메이션을 주는 라이브러리다.

    • JavaScript

    GitHub2.2만

  • animate-ui

    React·TypeScript·Tailwind CSS·Motion으로 만든 애니메이션 컴포넌트를 shadcn CLI로 나눠 주는 모음이다.

    • TypeScript

    GitHub4,416

  • theatre

    웹용 모션 디자인 편집기다.

    • TypeScript

    GitHub1.3만Apache-2.0

  • popmotion

    즐거운 UI를 위한 단순한 애니메이션 라이브러리다.

    • JavaScript

    GitHub2만

  • Hover

    링크, 버튼, 로고 등에 쓰는 CSS3 호버 효과 모음이다. CSS, Sass, LESS로 제공한다.

    • SCSS

    GitHub2.9만

  • react-motion

    스프링으로 애니메이션 문제를 푸는 React 라이브러리다.

    • JavaScript

    GitHub2.2만MIT

  • TypeGPU

    고급 타입 추론과 TypeScript 셰이더 작성을 지원하는 WebGPU 툴킷이다.

    • TypeScript

    GitHub3,269MIT

  • fancy

    GitHub에 공개된 UI 애니메이션 컴포넌트 모음 fancy다.

    • TypeScript

    GitHub3,252MIT

  • flutter_spinkit

    Flutter로 만든 로딩 표시 애니메이션 모음이다.

    • Dart

    GitHub3,150MIT

  • react-awesome-slider

    미디어와 콘텐츠 전환에 쓰는 가볍고 빠른 React 슬라이더·캐러셀이다.

    • TypeScript

    GitHub2,975MIT

  • animata

    복사해 붙이기만 하면 되는 애니메이션·인터랙션 코드 모음이다.

    • TypeScript

    GitHub2,966MIT

  • moti

    Reanimated 3 기반의 React Native(+웹) 애니메이션 라이브러리다.

    • TypeScript

    GitHub4,555MIT

  • itshover

    의도에 맞춰 움직이는 애니메이션 아이콘 모음이다.

    • TypeScript

    GitHub2,695Apache-2.0

  • Gemini

    Swift로 만든 iOS용 스크롤 기반 애니메이션 프레임워크다.

    • Swift

    GitHub3,309MIT

  • animxyz

    Vue, React, SCSS, CSS용 조합형 CSS 애니메이션 라이브러리다.

    • CSS

    GitHub2,499MIT

  • velocity

    빠른 JavaScript 애니메이션 라이브러리다.

    • JavaScript

    GitHub1.7만MIT

  • chanhdai.com

    픽셀 단위까지 다듬은 개발자 포트폴리오이자 shadcn 레지스트리다.

    • TypeScript

    GitHub2,387MIT

  • vivus

    SVG에 그려지는 듯한 애니메이션을 주는 JavaScript 라이브러리다.

    • JavaScript

    GitHub1.5만MIT

  • simpleParallax.js

    React와 JavaScript에서 쉽게 쓰는 패럴랙스 효과 라이브러리다.

    • TypeScript

    GitHub2,158MIT

  • You-need-to-know-css

    웹 개발자를 위한 CSS 요령 모음이다.

    • CSS

    GitHub5,444

  • flutter_shimmer

    Flutter 프로젝트에 반짝이는 shimmer 효과를 쉽게 더하는 패키지다.

    • Dart

    GitHub1,860BSD-3-Clause

  • vue-spinner

    Vue에서 쓰는 로딩 스피너 컴포넌트 모음이다.

    • Vue

    GitHub1,807MIT

  • rare-ui

    프로젝트에 바로 넣어 쓸 수 있는 흔치 않은 UI 컴포넌트와 애니메이션 모음이다.

    • TypeScript

    GitHub1,791

  • ui-components

    복사해 붙여 넣기만 하면 되는 React 모션 컴포넌트 모음이다.

    • TypeScript

    GitHub1,791MIT

  • Justified-Gallery

    이미지를 양쪽 맞춤 갤러리로 배치해 주는 JavaScript 라이브러리다.

    • TypeScript

    GitHub1,744MIT

  • react-flip-toolkit

    레이아웃이 바뀔 때 요소를 매끄럽게 옮겨 주는 가벼운 애니메이션 라이브러리다.

    • TypeScript

    GitHub4,184MIT

  • vanta

    웹사이트용 움직이는 3D 배경 라이브러리다.

    • JavaScript

    GitHub7,203MIT

  • zdog

    캔버스와 SVG에 평평하고 둥근 가짜 3D를 그리는 엔진이다.

    • JavaScript

    GitHub1.1만

  • Front-End-Web-Development-Resources

    프런트엔드 웹 개발을 배울 때 도움이 되는 자료를 모은 저장소다.

    GitHub5,171MIT

  • react-native-animatable

    React Native용 쉬운 애니메이션과 선언형 전환 모음이다.

    • JavaScript

    GitHub9,928MIT

  • epic-spinners

    Vue.js와 연동되는 CSS 로딩 스피너 모음이다.

    • Vue

    GitHub3,912

  • powerglitch

    웹의 어떤 요소에든 글리치 효과를 주는 아주 작은 JS 라이브러리다.

    • TypeScript

    GitHub1,499MIT

  • react-spline

    Spline 3D 장면을 쓰는 React 컴포넌트다.

    • TypeScript

    GitHub1,424MIT

필터

라이선스
언어
태그