디자인 레퍼런스 전체 색인 · 16/27
2,153개 정의·활용·주의사항·출처를 개별 문서로 제공합니다. 이 색인은 JavaScript 없이 탐색할 수 있습니다.
React Aria
접근성·상호작용 패턴을 제공하는 훅과 컴포넌트 도구군.
React Spectrum
Adobe Spectrum 디자인 시스템에 기반한 React 컴포넌트.
MUI
Material UI를 비롯한 React UI 컴포넌트 도구군.
Ant Design
업무용 인터페이스를 위한 디자인 시스템과 컴포넌트 라이브러리.
Chakra UI
스타일링과 조합 가능한 UI 컴포넌트를 제공하는 도구.
Mantine
컴포넌트·훅·스타일링 기능을 제공하는 React UI 도구군.
Fluent UI React
Microsoft Fluent 디자인 언어 기반의 React UI 라이브러리.
Carbon React
IBM Carbon 디자인 시스템의 React 구현.
Blueprint
밀도 높은 데스크톱형 웹 앱을 위한 UI 컴포넌트 모음.
PrimeReact
표·폼·메뉴 등 다양한 React 컴포넌트를 제공하는 UI 라이브러리.
React Bootstrap
Bootstrap 스타일을 React 컴포넌트로 제공하는 구현.
Base UI
사용자가 외형을 구성할 수 있는 저수준 무스타일 UI 컴포넌트.
Ark UI
상태 기계 기반의 무스타일 UI 프리미티브 도구군.
HeroUI
테마와 접근성 기반 상호작용을 제공하는 React UI 컴포넌트.
Vuetify
Material Design 계열의 Vue UI 컴포넌트 프레임워크.
PrimeVue
테이블·폼·탐색 등 Vue UI 컴포넌트 모음.
Quasar
UI 컴포넌트와 여러 배포 방식의 앱 구성을 지원하는 Vue 프레임워크.
Element Plus
데스크톱형 Vue UI를 위한 컴포넌트 라이브러리.
Naive UI
Vue 기반 컴포넌트와 테마 기능을 제공하는 UI 라이브러리.
Ant Design Vue
Ant Design 계열 디자인과 컴포넌트를 Vue에서 제공하는 구현.
Nuxt UI
Nuxt·Vue용 테마와 컴포넌트를 제공하는 UI 도구군.
Angular Material
Material Design 기반 Angular UI 컴포넌트.
Angular CDK
오버레이·접근성·드래그 등 공통 UI 동작을 제공하는 도구군.
PrimeNG
업무 인터페이스용 Angular 컴포넌트 라이브러리.
NG-ZORRO
Ant Design 기반의 Angular UI 구현.
Bits UI
외형을 자유롭게 구성하는 Svelte용 헤드리스 UI 컴포넌트.
Skeleton
테마와 UI 요소를 제공하는 Svelte 중심 UI 도구군.
shadcn-svelte
프로젝트에 가져와 수정하는 Svelte 컴포넌트 코드 모음.
GSAP
트윈·타임라인과 플러그인으로 복합 애니메이션을 구성하는 도구.
Motion
요소·레이아웃·스크롤·제스처 애니메이션을 다루는 라이브러리 제품군.
Anime.js
웹 속성·SVG·타임라인 등 다양한 애니메이션을 제어하는 도구.
React Spring
스프링 기반의 움직임을 React에서 구성하는 라이브러리.
Lottie Web
Lottie 애니메이션 데이터를 웹에서 재생하는 런타임.
Rive 런타임
Rive에서 만든 인터랙티브 그래픽을 앱에서 재생·제어하는 런타임 제품군.
Popmotion
수치 애니메이션·스프링·관성 등을 제공하는 애니메이션 도구.
AutoAnimate
자식 요소의 추가·제거·이동에 자동 전환을 적용하는 유틸리티.
Animate.css
미리 정의된 등장·퇴장·주의 환기 애니메이션 클래스 모음.
Lenis
스크롤 입력과 표시를 조율하는 스무스 스크롤 도구.
AOS
요소가 스크롤로 나타날 때 지정한 애니메이션을 적용하는 도구.
tsParticles
웹의 입자·연결선·상호작용형 배경 효과를 구성하는 라이브러리.
canvas-confetti
캔버스 기반 색종이 효과를 생성하는 라이브러리.
Typed.js
텍스트를 타이핑하듯 표시하는 애니메이션 라이브러리.
Floating UI
기준 요소 주변에 툴팁·메뉴 등 부유 요소를 배치하는 도구.
dnd-kit
드래그·정렬 인터랙션을 구성하는 도구 모음.
SortableJS
목록 항목의 드래그 재정렬을 구현하는 라이브러리.
interact.js
드래그·크기 변경·제스처·스냅 상호작용을 제공하는 도구.
Swiper
터치·슬라이드 인터랙션을 제공하는 캐러셀 도구.
Embla Carousel
동작 중심의 캐러셀 기반을 제공하는 라이브러리.
React Hook Form
입력 등록·검증·폼 상태를 관리하는 라이브러리.
Formik
폼 값·오류·제출 상태를 관리하는 라이브러리.
Zod
스키마로 데이터 구조를 정의하고 런타임 검증하는 라이브러리.
Valibot
조합형 스키마와 데이터 검증을 제공하는 라이브러리.
TanStack Table
테이블 상태와 로직을 제공하는 헤드리스 테이블 도구.
AG Grid
정렬·편집·그룹 등 데이터 그리드 기능을 제공하는 도구.
Handsontable
스프레드시트형 셀 편집 인터페이스를 제공하는 데이터 그리드.
Tabulator
대화형 표·편집·정렬·필터 기능을 제공하는 라이브러리.
TanStack Virtual
긴 목록의 가상화 로직을 제공하는 도구.
React Virtuoso
리스트·표 등 가상화된 화면 표시를 제공하는 라이브러리.
TanStack Query
서버 데이터 요청·캐시·재조회 상태를 관리하는 도구.
Zustand
스토어 기반의 상태 관리 도구.
XState
상태 기계·상태 차트·액터로 앱 동작을 모델링하는 도구.
Redux Toolkit
Redux 상태 관리를 위한 표준화된 유틸리티 묶음.
FullCalendar
일·주·월 등 일정 표시와 상호작용을 제공하는 캘린더 도구.
D3.js
데이터 변환·스케일·도형 등 시각화 구성에 쓰는 모듈형 도구군.
Chart.js
대표 차트 유형을 캔버스로 표시하는 라이브러리.
Apache ECharts
다양한 차트와 상호작용을 제공하는 시각화 라이브러리.
Plotly.js
선언형 설정으로 대화형 차트·과학 시각화를 만드는 라이브러리.
Vega
데이터·시각 부호·상호작용을 선언형 명세로 기술하는 시각화 문법·런타임.
Vega-Lite
Vega보다 높은 수준의 간결한 선언형 차트 문법.
Observable Plot
마크·변환·스케일을 조합해 탐색형 차트를 만드는 도구.
Recharts
React 컴포넌트로 조합하는 차트 라이브러리.
Nivo
다양한 차트 컴포넌트와 테마 구성을 제공하는 라이브러리.
visx
저수준 시각화 요소를 React 컴포넌트로 제공하는 도구군.
Victory
조합 가능한 데이터 차트 컴포넌트 모음.
Highcharts
차트·주식·지도 등 시각화 제품군을 제공하는 라이브러리.
ApexCharts
차트와 대시보드용 상호작용을 제공하는 라이브러리.
uPlot
시계열 등 다량의 연속 데이터를 그리는 차트 도구.
vis-timeline
항목을 시간축에 배치하는 대화형 타임라인 도구.
VChart
선언형 명세를 이용해 차트와 상호작용을 구성하는 시각화 도구.
Konva
도형·레이어·이벤트를 갖춘 2D 캔버스 객체 모델을 제공하는 도구.