Northdesk - охайна сучасна адмінпанель, яку можна додати до будь-якого проєкту. Вона написана на чистих HTML, CSS і vanilla JavaScript. У ній немає Bootstrap, React, інструментів збирання та звернень до CDN: відкрийте index.html, і все працює.

Сторінки

- Дашборд із 4 KPI-картками та спарклайнами, графіком виручки з областю, кільцевою діаграмою замовлень за тарифами, таблицею останніх замовлень і списком найкращих товарів.

- Сторінка замовлень із живим пошуком, фільтром за статусом, стовпцями з сортуванням, посторінковою навігацією та експортом у CSV.

- Екран входу.

Можливості

- Світла й темна тема, вибір запам'ятовується.

- Повністю адаптивна верстка з мобільним меню, що висувається.

- Графіки намальовано вбудованим SVG, без бібліотек для діаграм.

- Усі кольори задано CSS-змінними, тому фірмовий стиль змінюється одним рядком.

- Невелика вага: менше 30 КБ загалом.

- Доступні підписи та елементи керування, зручні для клавіатури.

- README з поясненням, як змінити фірмовий стиль, змінити дані та підключити ваш API.

Підійде для

SaaS-бекофісів, адмінпанелей магазинів, внутрішніх інструментів, клієнтських дашбордів і навчальних проєктів.

Примітки

- Усі імена й числа є демонстраційними даними.

- Сторінка входу - лише фронтенд, тому підключіть її до вашого власного бекенду.

- Products, Customers, Reports і Settings - посилання в бічному меню; відповідні сторінки можна створити, скопіювавши сторінку Orders.

Шаблон написано вручну на HTML, CSS і JavaScript, він не є згенерованим медіаконтентом. Текст цього оголошення складено за допомогою ШІ.

Ліцензія: використовуйте у своїх проєктах і в роботі для клієнтів, зокрема в комерційних цілях. Не перепродавайте, не передавайте та не поширюйте самі файли шаблону.

Цифрове завантаження (один zip-архів). Якщо потрібна допомога, напишіть нам через повідомлення Getly.