magicuidesign/magicui

React와 Tailwind CSS 기반의 애니메이션 UI 컴포넌트 라이브러리

개발 재료맘대로 써도 됨 · MIT웹·Next.js·풀스택난이도
21,292+0이번 주1,0282MDX
데모·홈페이지 열기magicui.design
중간맛 분석

Next.js + React + TypeScript + Tailwind CSS + Framer Motion 스택으로 만든 프로덕션 레벨의 컴포넌트 라이브러리입니다. 데모는 https://magicui.design/docs 에서 각 컴포넌트의 시각적 미리보기와 코드를 볼 수 있습니다. 21k+ 깃허브 스타로 활발한 커뮤니티가 있고, 라이선스로 상업적 사용도 자유롭습니다. 복잡한 설정 없이 컴포넌트 코드를 복사해서 바로 사용할 수 있습니다.

이런 레포예요

이럴 때 쓰면 좋아요

  • 모던 SaaS 대시보드에 세련된 애니메이션 컴포넌트 빠르게 추가
  • 디자인 시스템 구축 시 Tailwind 기반 시작점으로 활용
  • 마이크로 인터랙션(호버, 전환 효과)으로 UI 품질 향상

핵심 기능

Framer Motion 기반 부드러운 애니메이션shadcn-ui 호환 Tailwind CSS 컴포넌트복사-붙여넣기 가능한 완전 소유 코드

대안 대비 차별점

shadcn-ui의 기본 컴포넌트에 Framer Motion 애니메이션과 현대적인 디자인 미학을 결합하여, 외부 의존성 추가 없이 프로덕션 레벨의 상호작용 UI를 빠르게 구축할 수 있습니다.

별 추이 · 7일
21,292+0 / 7일
활용성 · 따라 만들기 좋은가
따라 하기 좋음샘플 점수 46/100
  • 관대한 라이선스
  • 테스트 있음
  • 예제 디렉토리
  • 최근 활동
  • AGENTS.md
  • llms.txt
  • 템플릿

🟢 최근 활동 있음 · 2023년 생성

AI가 README 기반으로 요약했습니다 · 원문 보기