Repolode
ColorlibHQ

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

    설정 및 빌드 단계는 Gentelella 시작하기 가이드를 참조하세요

  2. 2

    README에 안내된 대로 npm으로 프로젝트를 빌드하세요

    npm run build

사용 전 알아둘 점

  • 프로젝트를 빌드하려면 Vite가 포함된 Node.js 및 npm 도구 체인이 필요합니다.

토픽

#admin-dashboard#admin-template#vanilla-javascript#scss#vite#dashboard-ui#dark-mode#frontend-template#admin#admin-dashboard-template

자주 묻는 질문

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 통계는 매일 갱신됩니다.

관련 프로젝트