dashui tailwindcss

Dash UI — бесплатный HTML-шаблон администратора TailwindCSS

Dash-UI — это тема администратора и информационной панели TailwindCSS. Dash UI Kit — бесплатный набор шаблонов Pro, полностью закодированный с помощью TailwindCSS.

Рабочий процесс

Этот продукт создан с использованием следующих широко используемых технологий:

• Самый популярный CSS-фреймворк TailwindCSS
• Инструмент продуктивного рабочего процесса Gulp
• Демонстрация файла Figma

Оглавление

• Быстрый старт
• Документация
• Структура файла
• Поддержка браузера
• Техническая поддержка или вопросы

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

1. Скачать из клона этого репозитория
2. Загрузите zip-архив проекта
3. Убедитесь, что Node установлен локально.
4. Загрузите интерфейс командной строки Gulp, чтобы иметь возможность использовать gulp в своем терминале.

 npm install gulp-cli -g

5. После установки Gulp запустите npm install в основной папке dash-ui/ чтобы загрузить все зависимости проекта. Вы найдете их в папке node_modules/ .

 npm install

6. Запустите gulp в папке dash-ui/ чтобы обслуживать файлы проекта с помощью BrowserSync. Запуск gulp скомпилирует тему и откроет /index.html в вашем основном браузере.

 gulp

7. Создает каталог /dist со всеми рабочими файлами.

 gulp build

Документация

Документация по Dash UI представлена ​​на нашем сайте.

Структура файла

В загрузке вы найдете следующие каталоги и файлы:

Dash UI TailwindCSS Theme

├── src
│   ├── assets                       # The output css directory
│       ├── css                      # Compiled CSS
│       ├── fonts                    # All fonts are used in the theme.
│       ├── images                   # All the images are used in the theme
|       ├── js                       # All Javascript source files used in theme.
│       ├── tailwind                 # CSS files
│   ├── components                   # All Components for theme.
│   ├── partials                     # A specific loop header and footer files for the templating.
│   ├── index.html                   # Index and All HTML file is start file run when the gulp
├── .gitignore                       # Ignore file for git
├── gulpfile.js                      # Gulp setup file
├── package.json
├── package.lock.json
├── README.md
└── tailwind.config.js               # TailwindCSS configuration file

Поддержка браузера

В настоящее время мы официально стремимся поддерживать две последние версии следующих браузеров:

Техническая поддержка или вопросы

Если у вас есть вопросы или вам нужна помощь в интеграции продукта, свяжитесь с нами. Поддерживать

Полезные ссылки

• Шаблон начальной загрузки
• Реагировать на шаблон
• Шаблон Next.js
• Шаблон Nuxt.js
• Шаблон попутного ветра

Файл дизайна Figma

Готов к использованию файла Figma.

Обновите до PRO

Получите больше возможностей с помощью Dash UI pro, включающего множество компонентов пользовательского интерфейса, форм, таблиц, диаграмм, страниц и значков.

Бесплатная версия	DashUI PRO
✔️ 1 панель инструментов	✔️ 6 Панель управления
✔️ 11 HTML-страниц	✔️ 60+ HTML-страниц
✔️ Включить документы	✔️ Документация
✔️ 4 плагина	✔️ 10+ плагинов
✔️ Исходные файлы	✔️ Исходные файлы
Темный режим	✔️ Темный режим
Параметры макета	✔️Вариации планировки
Приоритетная поддержка	✔️ Приоритетная поддержка
-	✔️ Бесплатное обновление
Бесплатная загрузка	Получить интерфейс Dash