Repolode
ColorlibHQ

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. 1

    npm으로 설치

    npm install admin-lte@4
  2. 2

    또는 CDN으로 포함(빌드 단계 불필요)

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/admin-lte@4/dist/css/adminlte.min.css">
  3. 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 통계는 매일 갱신됩니다.

관련 프로젝트