Designeer.org

컬렉션 · 27 개 선정 · 2026

애니메이션 React 컴포넌트 라이브러리

컴포넌트에 모션이 기본으로 내장된 라이브러리입니다. 히어로 섹션, 텍스트 효과, 스크롤 리빌, 마이크로 인터랙션을 그대로 프로젝트에 복사해 쓸 수 있습니다. 대부분 Motion이나 GSAP과 Tailwind를 기반으로 합니다. 미리보기를 나란히 놓고 살펴보세요. 이징과 절제의 차이는 글로 읽는 것보다 눈으로 보는 편이 훨씬 빠릅니다.

선별 출처 react ui 컴포넌트 라이브러리.

27 / 27

forgeui.in
ForgeUI preview
ForgeUI컴포넌트 라이브러리인터페이스를 더 빠르게 만들 수 있도록 제공되는 애니메이션 React·Tailwind 컴포넌트와 완성형 템플릿.
motion-primitives.com
Motion Primitives preview
Motion Primitives컴포넌트 라이브러리인터페이스에 움직임을 더할 수 있도록 Motion 라이브러리를 기반으로 만든 애니메이션 React 컴포넌트.
reactbits.dev
React Bits preview
React Bits컴포넌트 라이브러리React 프로젝트에 바로 넣을 수 있는, 애니메이션이 적용된 창의적인 컴포넌트 모음.
number-flow.barvian.me
NumberFlow preview
NumberFlow컴포넌트 라이브러리변하는 숫자를 부드럽게 애니메이션하며 최신 프레임워크 전반에서 동작하는 컴포넌트.
amicro.vercel.app
Amicro preview
Amicro컴포넌트 라이브러리React 인터페이스에 마이크로 애니메이션을 더하기 위한 가볍고 바로 쓸 수 있는 프리미티브.
painterly.design-tools.workers.dev
Painterly preview
Painterly컴포넌트 라이브러리React용 컴포넌트로 패키징된 예술적인 캔버스 기반 로딩 애니메이션.
evilcharts.com
Evil Charts preview
Evil Charts컴포넌트 라이브러리shadcn/ui 프로젝트에 자연스럽게 어울리도록 설계된 애니메이션 SVG 차트 컴포넌트.
rareui.com
Rare UI preview
Rare UI컴포넌트 라이브러리React 인터페이스를 만들기 위한 개성 있고 애니메이션이 적용된 UI 컴포넌트 모음.
beui.dev
beUI preview
beUI컴포넌트 라이브러리더 빠른 인터페이스 작업을 위해 Tailwind CSS로 스타일링한 애니메이션 React 컴포넌트.
cult-ui.com
Cult UI preview
Cult UI컴포넌트 라이브러리부드러운 인터페이스 모션을 위해 Framer Motion으로 구동되는 애니메이션 React 컴포넌트.
magicui.design
Magic UI preview
Magic UI컴포넌트 라이브러리랜딩 페이지 제작에 특화된 애니메이션 UI 컴포넌트입니다.
ui.aceternity.com
Aceternity UI preview
Aceternity UI컴포넌트 라이브러리시선을 사로잡는 웹 페이지를 만들기 위한 트렌디한 애니메이션 컴포넌트와 히어로 섹션입니다.
animate-ui.com
Animate UI preview
Animate UI컴포넌트 라이브러리Motion 애니메이션 라이브러리로 생동감을 더한 접근성 높은 shadcn 컴포넌트입니다.
eldoraui.site
Eldora UI preview
Eldora UI컴포넌트 라이브러리웹 랜딩 페이지를 빠르게 제작하는 데 맞춘 애니메이션 UI 컴포넌트입니다.
smoothui.dev
Smooth UI preview
Smooth UI컴포넌트 라이브러리자신의 프로젝트에 바로 복사해 넣을 수 있는 모션이 풍부한 React 컴포넌트입니다.
syntaxui.com
Syntax UI preview
Syntax UI컴포넌트 라이브러리랜딩 페이지를 빠르게 구성하기 위한 애니메이션 복사-붙여넣기 UI 컴포넌트입니다.
rolling.kitlangton.dev
Rolling Number preview
Rolling Number컴포넌트 라이브러리부드러운 롤링 효과로 숫자를 애니메이션하는 React 숫자 카운터입니다.
annnimate.com
Annnimate preview
Annnimate컴포넌트 라이브러리GSAP 애니메이션 라이브러리로 제작된 프로덕션 수준의 모션 컴포넌트입니다.
fluidfunctionalism.com
Fluid Functionalism preview
Fluid Functionalism컴포넌트 라이브러리목적이 분명한 물리 기반 애니메이션으로 움직임을 구현하는 UI 컴포넌트입니다.
sonaui.com
Sona UI preview
Sona UI컴포넌트 라이브러리코드베이스에 복사해 완전히 소유하고 다시 스타일링할 수 있는 애니메이션 React 컴포넌트입니다.
text-effects.colorion.co
Colorion Text Effects preview
Colorion Text Effects컴포넌트 라이브러리인터페이스에 바로 복사해 붙여넣을 수 있는 애니메이션 텍스트 효과입니다.
dotmatrix.zzzzshawn.cloud
Dot Matrix preview
Dot Matrix컴포넌트 라이브러리shadcn 프로젝트를 위해 제작된 50가지가 넘는 도트 매트릭스 스타일 로딩 애니메이션 모음입니다.
odysseyui.com
Odyssey UI preview
Odyssey UI컴포넌트 라이브러리shadcn 컴포넌트 시스템을 기반으로 구축된 애니메이션 React 컴포넌트 모음입니다.
skiper-ui.com
Skiper UI preview
Skiper UI컴포넌트 라이브러리Tailwind CSS로 조합하고 스타일링하도록 설계된 애니메이션 UI 프리미티브입니다.
vengeanceui.com
Vengeance UI preview
Vengeance UI컴포넌트 라이브러리스크롤 기반 인터랙션과 효과를 중심으로 구축된 애니메이션 React 컴포넌트입니다.
amacro.vercel.app
Amacro preview
Amacro컴포넌트 라이브러리간단한 설정만으로 React 앱에 추가할 수 있는 드롭인 페이지 등장 애니메이션입니다.
shadcn-animated.vercel.app
Animated shadcn/ui preview
Animated shadcn/ui컴포넌트 라이브러리애니메이션 인터페이스를 위해 모션을 입힌 표준 shadcn/ui 컴포넌트 버전입니다.
최고의 애니메이션 React 컴포넌트 라이브러리 27가지 (2026) — Designeer