material tailwind dashboard react

Панель управления Material Tailwind React

Material Tailwind Dashboard React — это наш новейший бесплатный шаблон администрирования Material Tailwind, основанный на Tailwind CSS и React. Если вы разработчик и хотите создать панель администратора, удобную для разработчиков, богатую функциями и легко настраиваемую, вот ваш вариант. Наша инновационная панель управления Material Tailwind, Tailwind CSS и React имеет красивый дизайн, вдохновленный Google Material Design, и поможет вам создавать потрясающие веб-сайты и веб-приложения, которые порадуют ваших клиентов.

Полностью закодированные элементы

Material Tailwind Dashboard React состоит из более чем 40 отдельных элементов интерфейса, взятых из @material-tailwind/react, таких как кнопки, поля ввода, панели навигации, вкладки навигации, карточки или оповещения, что дает вам свободу выбора и комбинирования. Все компоненты могут иметь разные цвета, которые вы можете легко изменить, используя реквизиты и имена классов CSS попутного ветра. Вы сэкономите много времени на переходе от прототипирования к полнофункциональному коду, поскольку все элементы уже реализованы.

Эта бесплатная панель Material Tailwind, Tailwind CSS и React поставляется с готовыми блоками дизайна, поэтому процесс разработки не вызывает затруднений, а переход с наших страниц на настоящий веб-сайт очень прост.

Посмотреть все компоненты можно здесь.

Документация, созданная разработчиками

Каждый элемент хорошо представлен в очень сложной документации.

Подробнее о документации можно прочитать здесь.

Примеры страниц

Если вы хотите получить вдохновение или просто показать что-то непосредственно своим клиентам, вы можете начать разработку с помощью наших готовых примеров страниц. Вы сможете быстро настроить базовую структуру вашего веб-проекта.

Посмотреть примеры страниц можно здесь.

ПОЛЕЗНЫЕ ССЫЛКИ

• Посмотреть репозиторий Github
• Проверьте страницу часто задаваемых вопросов

Особая благодарность

При разработке этой информационной панели мы использовали множество существующих ресурсов от замечательных разработчиков. Мы хотим поблагодарить их за предоставление своих инструментов с открытым исходным кодом:

• Material Tailwind — Material Tailwind — это простая в использовании библиотека компонентов для Tailwind CSS и Material Design.
• Иконки героев — красивые иконки SVG, созданные вручную.
• Apex Charts — современные и интерактивные графики с открытым исходным кодом.
• Nepcha Analytics для инструмента аналитики. Nepcha уже интегрирован с Material Tailwind Dashboard React. Вы можете использовать его, чтобы получить представление об источниках трафика.

Дайте нам знать ваши мысли ниже. И удачи в развитии!

Оглавление

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

Версии

Команды терминала

1. Загрузите и установите версию NodeJs LTS с официальной страницы NodeJs.
2. Перейдите в корневой каталог ./ продукта и запустите npm install или yarn install или pnpm install , чтобы установить наши локальные зависимости.

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

Документация для Material Tailwind Dashboard React размещена на нашем веб-сайте.

Что включено

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

 material-tailwind-dashboard-react
    ├── public
    │   ├── css
    │   └── img
    ├── src
    │   ├── configs
    │   ├── context
    │   ├── data
    │   ├── layouts
    │   ├── pages
    │   ├── widgets
    │   ├── App.jsx
    │   ├── main.jsx
    │   └── routes.jsx
    ├── .gitignore
    ├── CHANGELOG.md
    ├── index.html
    ├── ISSUE_TEMPLATE.md
    ├── jsconfig.json
    ├── LICENSE
    ├── package.json
    ├── postcsss.config.cjs
    ├── prettier.config.cjs
    ├── README.md
    ├── tailwind.config.cjs
    └── vite.config.js

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

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

Ресурсы

• Живой просмотр
• Страница загрузки
• Документация здесь
• Лицензионное соглашение
• Поддерживать
• Проблемы: Страница проблем на Github
• Nepcha Analytics - инструмент аналитики для вашего сайта

Отчеты о проблемах

Мы используем GitHub Issues в качестве официального средства отслеживания ошибок в Material Tailwind Dashboard React. Вот несколько советов для наших пользователей, которые хотят сообщить о проблеме:

1. Убедитесь, что вы используете последнюю версию Material Tailwind Dashboard React. Проверьте журнал изменений на панели управления на нашем веб-сайте.
2. Предоставление нам воспроизводимых действий по устранению проблемы сократит время, необходимое для ее устранения.
3. Некоторые проблемы могут быть связаны с конкретным браузером, поэтому может помочь указание, в каком браузере вы столкнулись с проблемой.

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

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

Лицензирование

• © Creative Tim, 2023 г.
• Лицензия Креатив Тим

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

• Другие товары от Creative Tim

• Учебники

• Бесплатные подарки от Creative Tim

• Партнерская программа (заработок)

Социальные сети

Твиттер: https://twitter.com/CreativeTim

Facebook: https://www.facebook.com/CreativeTim

Дриббл: https://dribbble.com/creativetim

Google+: https://plus.google.com/+CreativetimPage

Инстаграм: https://instagram.com/creativetimofficial.