Bootstrap 5.3과 순수 JavaScript로 만든 MIT 라이선스 기반의 무료 관리자 대시보드 템플릿으로, jQuery를 사용하지 않습니다.
ColorlibHQ/gentelella
vanilla JavaScript, SCSS, Vite로 만든 무료 MIT 라이선스 관리자 대시보드 템플릿으로, Bootstrap이나 jQuery를 사용하지 않습니다.
- 스타
- 21,558
- 포크
- 6,829
- 열린 이슈
- 4
- 마지막 커밋
- 7일 전
어떤 프로젝트인가요?
Gentelella v4는 SaaS 대시보드, CRM 시스템, 내부 도구와 기타 백오피스 인터페이스를 만들기 위한 관리자 대시보드 템플릿입니다. Vite 8 기반의 멀티 페이지 구성으로 vanilla JavaScript와 SCSS를 사용하므로 Bootstrap, jQuery 또는 SPA 프레임워크에 의존하지 않습니다. 대시보드, 인증 화면, 폼, DataTables 기반 테이블, ECharts 차트와 받은 편지함, 칸반 보드, 캘린더, 파일 관리자 같은 앱 페이지를 포함한 HTML 페이지 58개를 제공합니다.
라이트·다크 테마, SCSS 디자인 토큰을 생성하는 실시간 테마 생성기, 각 컴포넌트의 HTML을 보여주는 컴포넌트 플레이그라운드, Cmd+K로 여는 명령 팔레트, RTL 레이아웃 모드를 제공합니다. 디자인 토큰은 CSS 커스텀 속성으로 정의되어 있어 색상과 글꼴을 한곳에서 변경할 수 있습니다. npm으로 로컬에서 실행하거나 정적 파일로 빌드해 원하는 정적 호스트에 배포할 수 있으며, npm 패키지 또는 jsDelivr를 통해 사용할 수도 있습니다.
이 프로젝트는 완성된 애플리케이션이 아니라 UI 템플릿입니다. 폼 데이터는 저장되지 않고 인증 기능이나 실시간 기능도 없으므로, 자체 백엔드와 데이터 계층을 연결해야 합니다.
핵심 기능
- 01Bootstrap이나 jQuery에 의존하지 않고 vanilla JavaScript와 SCSS를 사용하며, Vite 8을 기반으로 합니다.
- 02대시보드, 인증 화면, 폼, 전자상거래 화면 등을 포함한 바로 사용할 수 있는 HTML 페이지 58개를 제공합니다.
- 0320가지 ECharts 차트 유형과 정렬, 검색, 행 선택, CSV 내보내기를 지원하는 DataTables를 제공합니다.
- 04SCSS 토큰을 생성하는 실시간 테마 생성기와 라이트·다크 테마를 제공합니다.
- 05Cmd+K 명령 팔레트와 받은 편지함, 칸반, 캘린더, 파일 관리자 앱 페이지를 제공합니다.
- 06RTL 레이아웃과 서비스 워커가 포함된 PWA 매니페스트를 지원합니다.
활용 사례
- 무거운 프런트엔드 프레임워크를 도입하지 않고 SaaS 또는 내부 관리자 패널을 시작할 때.
- 백오피스 화면을 프로토타이핑하고 클릭 가능한 디자인 레퍼런스를 공유할 때.
- 자체 API를 기반으로 CRM, ERP 또는 프로젝트 관리 UI를 만들 때.
- 정적 관리자 사이트를 Netlify, Vercel, S3 또는 GitHub Pages에 배포할 때.
빠른 시작
- 1
설정 및 빌드 단계는 Gentelella 시작하기 가이드를 참조하세요
- 2
README에 안내된 대로 npm으로 프로젝트를 빌드하세요
npm run build
사용 전 알아둘 점
- 프로젝트를 빌드하려면 Vite가 포함된 Node.js 및 npm 도구 체인이 필요합니다.
토픽
자주 묻는 질문
- gentelella은(는) 무엇인가요?
- vanilla JavaScript, SCSS, Vite로 만든 무료 MIT 라이선스 관리자 대시보드 템플릿으로, Bootstrap이나 jQuery를 사용하지 않습니다. Gentelella v4는 SaaS 대시보드, CRM 시스템, 내부 도구와 기타 백오피스 인터페이스를 만들기 위한 관리자 대시보드 템플릿입니다. Vite 8 기반의 멀티 페이지 구성으로 vanilla JavaScript와 SCSS를 사용하므로 Bootstrap, jQuery 또는 SPA 프레임워크에 의존하지 않습니다. 대시보드, 인증 화면, 폼, DataTables 기반 테이블, ECharts 차트와 받은 편지함, 칸반 보드, 캘린더, 파일 관리자 같은 앱 페이지를 포함한 HTML 페이지 58개를 제공합니다.
- gentelella은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- gentelella은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- gentelella은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. gentelella의 마지막 커밋은 2026년 10월 31일입니다.
- gentelella은(는) 어디에 사용할 수 있나요?
- 무거운 프런트엔드 프레임워크를 도입하지 않고 SaaS 또는 내부 관리자 패널을 시작할 때. 백오피스 화면을 프로토타이핑하고 클릭 가능한 디자인 레퍼런스를 공유할 때. 자체 API를 기반으로 CRM, ERP 또는 프로젝트 관리 UI를 만들 때. 정적 관리자 사이트를 Netlify, Vercel, S3 또는 GitHub Pages에 배포할 때.
- gentelella는 어떻게 설치하나요?
- 설정 및 빌드 단계는 Gentelella 시작하기 가이드를 참조하세요 README에 안내된 대로 npm으로 프로젝트를 빌드하세요: npm run build
- gentelella은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/ColorlibHQ/gentelella
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
CoreUI UI 라이브러리를 기반으로 사전 제작된 레이아웃, 컴포넌트, 페이지를 제공하는 무료 오픈소스 Bootstrap 5 관리자 대시보드 템플릿입니다.
Vue 3, Vite, TypeScript, Naive UI 기반의 관리자 템플릿으로, 테마 설정, i18n, 파일 기반 라우팅과 백오피스 앱용 CLI를 제공합니다.
Vite, Pinia, UnoCSS, Naive UI로 만든 경량 Vue 3 관리자 대시보드 템플릿이며, NestJS 백엔드를 선택적으로 사용할 수 있습니다.
React 없이 사용할 수 있는 Tailwind CSS 기반 shadcn/ui 스타일의 순수 HTML/CSS/JavaScript 컴포넌트 구현체입니다.
기성 관리자 페이지, 컴포넌트, 다크 모드와 RTL을 지원하는 무료 오픈 소스 Bootstrap 5 HTML 대시보드 UI 키트입니다.