saadeghi/daisyui

어떤 프로젝트인가요?

핵심 기능

• 01Tailwind CSS를 기반으로 btn, card, modal 같은 의미 있는 컴포넌트 클래스 이름을 제공합니다.
• 02data attribute로 전환할 수 있는 여러 기본 테마를 포함합니다.
• 03일반 HTML 및 모든 프런트엔드 프레임워크에서 사용할 수 있습니다.
• 04npm으로 설치하거나 CDN에서 불러올 수 있습니다.

활용 사례

• Tailwind CSS를 기반으로 마케팅 사이트나 대시보드 UI를 빠르게 구축하기.
• 커스텀 컴포넌트 스타일을 작성하지 않고도 일관된 버튼, 폼, 모달을 추가하기.
• 실행 중에 테마를 바꿀 수 있는 인터페이스를 프로토타이핑하기.

빠른 시작

1. 1

   공식 사이트에서 설치 가이드 열기

사용 전 알아둘 점

• !Tailwind CSS를 기반으로만 작동하므로 먼저 Tailwind를 설정해야 합니다.

토픽

자주 묻는 질문

daisyui은(는) 무엇인가요?

Tailwind CSS에 클래스 이름으로 바로 사용할 수 있는 UI 컴포넌트를 추가하는 무료 오픈소스 라이브러리입니다. daisyUI는 Tailwind CSS용 컴포넌트 라이브러리입니다. 버튼, 카드, 모달, 폼 컨트롤을 매번 유틸리티 클래스만으로 만들지 않고, 개발자는 btn, card, modal 같은 의미 있는 컴포넌트 클래스 이름을 적용하면 됩니다. 스타일은 daisyUI의 Tailwind 플러그인에서 제공됩니다.

daisyui은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

daisyui은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

daisyui은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. daisyui의 마지막 커밋은 2026년 10월 17일입니다.

daisyui은(는) 어디에 사용할 수 있나요?

Tailwind CSS를 기반으로 마케팅 사이트나 대시보드 UI를 빠르게 구축하기. 커스텀 컴포넌트 스타일을 작성하지 않고도 일관된 버튼, 폼, 모달을 추가하기. 실행 중에 테마를 바꿀 수 있는 인터페이스를 프로토타이핑하기.

daisyui는 어떻게 설치하나요?

공식 사이트에서 설치 가이드 열기

daisyui은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/saadeghi/daisyui