CoreUI UI 라이브러리를 기반으로 사전 제작된 레이아웃, 컴포넌트, 페이지를 제공하는 무료 오픈소스 Bootstrap 5 관리자 대시보드 템플릿입니다.
ColorlibHQ/AdminLTE
Bootstrap 5.3과 순수 JavaScript로 만든 MIT 라이선스 기반의 무료 관리자 대시보드 템플릿으로, jQuery를 사용하지 않습니다.
- 스타
- 45,664
- 포크
- 18,131
- 열린 이슈
- 1
- 마지막 커밋
- 14일 전
어떤 프로젝트인가요?
AdminLTE는 Bootstrap 5.3과 순수 JavaScript로 만든 관리자 대시보드 템플릿이며, jQuery에 의존하지 않습니다. 모바일부터 데스크톱까지 화면 크기에 맞춰 조정되는 반응형 레이아웃과 다크 모드, RTL을 지원하므로 개발자는 레이아웃을 처음부터 설계하지 않고도 백오피스 인터페이스를 만들 수 있습니다.
v4에는 캘린더, 칸반, 채팅, 파일 관리자, 메일함, 다단계 마법사 폼, Tabulator 기반 데이터 테이블, 프로필 및 설정 페이지, 오류 페이지 등 일반적인 애플리케이션 요구 사항을 다루는 데모 페이지가 포함됩니다. 테마는 Bootstrap의 data-bs-theme 속성으로 설정하며, 선택적으로 적용할 수 있는 스타일시트를 통해 추가 색상 프리셋을 사용할 수 있습니다.
CDN, npm(admin-lte@4) 또는 Composer를 통해 사용할 수 있습니다. React, Next.js, Vue, Nuxt, Angular, Laravel, Django, Symfony, ASP.NET Core, Drupal용 공식 에디션은 각각 별도의 저장소에서 관리됩니다.
핵심 기능
- 01Bootstrap 5.3과 순수 JavaScript 기반이며 jQuery를 사용하지 않음
- 02모바일, 태블릿, 데스크톱 화면에 맞는 반응형 레이아웃
- 03Bootstrap의 data-bs-theme 속성을 통한 다크 모드 및 RTL 지원
- 04캘린더, 칸반, 채팅, 파일 관리자, 메일함, 마법사 폼 데모 페이지
- 05CDN, npm 또는 Composer로 설치 가능
활용 사례
- 사내 관리자 패널이나 백오피스 도구의 프런트엔드 시작점으로 활용
- 바로 사용할 수 있는 페이지와 컴포넌트로 SaaS 대시보드 프로토타이핑
- 서버 렌더링 웹 앱에 Bootstrap 기반 관리자 인터페이스 추가
빠른 시작
- 1
npm으로 설치
npm install admin-lte@4 - 2
또는 CDN으로 포함(빌드 단계 불필요)
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/admin-lte@4/dist/css/adminlte.min.css"> - 3
AdminLTE 자체를 개발하려면 먼저 `npm ci`를 실행한 다음 개발 서버를 시작하세요
npm start
사용 전 알아둘 점
- 프로젝트 자체를 개발하려면 Node.js 22.22.3 이상, 24.16.0 이상 또는 26.3.0 이상과 npm 10 이상이 필요합니다.
- HTML/Bootstrap용 템플릿입니다. 프레임워크별 버전은 별도의 저장소에 있습니다.
토픽
자주 묻는 질문
- AdminLTE은(는) 무엇인가요?
- Bootstrap 5.3과 순수 JavaScript로 만든 MIT 라이선스 기반의 무료 관리자 대시보드 템플릿으로, jQuery를 사용하지 않습니다. AdminLTE는 Bootstrap 5.3과 순수 JavaScript로 만든 관리자 대시보드 템플릿이며, jQuery에 의존하지 않습니다. 모바일부터 데스크톱까지 화면 크기에 맞춰 조정되는 반응형 레이아웃과 다크 모드, RTL을 지원하므로 개발자는 레이아웃을 처음부터 설계하지 않고도 백오피스 인터페이스를 만들 수 있습니다.
- AdminLTE은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- AdminLTE은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- AdminLTE은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. AdminLTE의 마지막 커밋은 2026년 10월 8일입니다.
- AdminLTE은(는) 어디에 사용할 수 있나요?
- 사내 관리자 패널이나 백오피스 도구의 프런트엔드 시작점으로 활용 바로 사용할 수 있는 페이지와 컴포넌트로 SaaS 대시보드 프로토타이핑 서버 렌더링 웹 앱에 Bootstrap 기반 관리자 인터페이스 추가
- AdminLTE는 어떻게 설치하나요?
- npm으로 설치: npm install admin-lte@4 또는 CDN으로 포함(빌드 단계 불필요): <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/admin-lte@4/dist/css/adminlte.min.css"> AdminLTE 자체를 개발하려면 먼저 `npm ci`를 실행한 다음 개발 서버를 시작하세요: npm start
- AdminLTE은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/ColorlibHQ/AdminLTE
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
기성 관리자 페이지, 컴포넌트, 다크 모드와 RTL을 지원하는 무료 오픈 소스 Bootstrap 5 HTML 대시보드 UI 키트입니다.
반응형 모바일 우선 웹사이트를 만드는 데 쓰이는 인기 프런트엔드 프레임워크로, HTML·CSS·Sass/JavaScript 컴포넌트를 제공합니다.
CSS 속성, SVG, DOM 속성 및 일반 JavaScript 객체를 애니메이션화하는 경량 JavaScript 라이브러리입니다.
빠르고 안정적이며 유연한 웹사이트와 웹 앱을 만들기 위한 전문적인 프런트엔드 HTML, CSS, JavaScript 스타터 템플릿입니다.
다크 모드, 구문 강조, 수식, Mermaid 다이어그램, PWA를 지원하는 기술 블로그용 미니멀 반응형 Jekyll 테마입니다.