Repolode
Предложить
ColorlibHQ

ColorlibHQ/gentelella

Бесплатный шаблон админ-панели с лицензией MIT на vanilla JavaScript, SCSS и Vite — без Bootstrap и jQuery.

Открыть на GitHubСайт
Звёзды
21,561
Форки
6,827
Открытые issues
4
Последний коммит
8 дней назад

Что это?

Gentelella v4 — шаблон админ-панели для SaaS-дашбордов, CRM-систем, внутренних инструментов и других интерфейсов для внутренних бизнес-процессов. Он написан на vanilla JavaScript и SCSS и работает на Vite 8 с многостраничной структурой, поэтому не зависит от Bootstrap, jQuery и SPA-фреймворков. В шаблон входят 58 HTML-страниц: дашборды, экраны аутентификации, формы, таблицы на базе DataTables, графики ECharts и страницы приложений — например, почтовый ящик, канбан-доска, календарь и файловый менеджер.

В шаблоне есть светлая и тёмная темы, генератор тем в реальном времени, который создаёт SCSS design tokens, песочница компонентов с HTML-кодом каждого компонента, командная палитра, открываемая сочетанием Cmd+K, и поддержка RTL-разметки. Design tokens заданы через CSS custom properties, поэтому цвета и шрифты можно менять в одном месте. Шаблон можно запускать локально с помощью npm, собирать в статические файлы для любого статического хостинга или подключать как npm-пакет либо через jsDelivr.

Это UI-шаблон, а не готовое приложение. Формы не сохраняют данные, аутентификации и функций реального времени нет; к шаблону нужно подключить собственные бэкенд и слой данных.

Ключевые возможности

  • 01Vanilla JavaScript и SCSS без зависимости от Bootstrap и jQuery; сборка на Vite 8.
  • 0258 готовых HTML-страниц, включая дашборды, экраны аутентификации, формы и страницы электронной коммерции.
  • 0320 вариантов графиков ECharts и таблицы DataTables с сортировкой, поиском, выбором строк и экспортом в CSV.
  • 04Светлая и тёмная темы, а также генератор тем в реальном времени, создающий SCSS-токены.
  • 05Страницы приложений: почтовый ящик, канбан, календарь и файловый менеджер; также есть командная палитра Cmd+K.
  • 06Поддержка RTL-разметки и PWA manifest с service worker.

Сценарии использования

  • Создание SaaS-панели или внутренней админки без перехода на тяжёлый фронтенд-фреймворк.
  • Прототипирование внутренних интерфейсов и подготовка кликабельного макета для демонстрации.
  • Разработка интерфейса CRM, ERP или системы управления проектами поверх собственного API.
  • Развёртывание статического сайта админ-панели на Netlify, Vercel, S3 или GitHub Pages.

Быстрый старт

  1. 1

    Откройте руководство по началу работы с Gentelella, чтобы узнать, как настроить и собрать проект

  2. 2

    Соберите проект с помощью npm (согласно README)

    npm run build

Что важно знать

  • Для сборки проекта необходима среда Node.js и npm с Vite.

Темы

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

Частые вопросы

Что такое gentelella?
Бесплатный шаблон админ-панели с лицензией MIT на vanilla JavaScript, SCSS и Vite — без Bootstrap и jQuery. Gentelella v4 — шаблон админ-панели для SaaS-дашбордов, CRM-систем, внутренних инструментов и других интерфейсов для внутренних бизнес-процессов. Он написан на vanilla JavaScript и SCSS и работает на Vite 8 с многостраничной структурой, поэтому не зависит от Bootstrap, jQuery и SPA-фреймворков. В шаблон входят 58 HTML-страниц: дашборды, экраны аутентификации, формы, таблицы на базе DataTables, графики ECharts и страницы приложений — например, почтовый ящик, канбан-доска, календарь и файловый менеджер.
gentelella можно использовать бесплатно? Какая у него лицензия?
gentelella распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
gentelella всё ещё поддерживается?
Активно поддерживается. Последний коммит в gentelella — 31 окт. 2026 г..
Для чего можно использовать gentelella?
Создание SaaS-панели или внутренней админки без перехода на тяжёлый фронтенд-фреймворк. Прототипирование внутренних интерфейсов и подготовка кликабельного макета для демонстрации. Разработка интерфейса CRM, ERP или системы управления проектами поверх собственного API. Развёртывание статического сайта админ-панели на Netlify, Vercel, S3 или GitHub Pages.
Как установить gentelella?
Откройте руководство по началу работы с Gentelella, чтобы узнать, как настроить и собрать проект Соберите проект с помощью npm (согласно README): npm run build
Где скачать gentelella?
Исходный код и инструкции по установке — на GitHub: https://github.com/ColorlibHQ/gentelella

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты