Главная страница>Связанные с программированием>AI Исходный код
Скачать

Материал приборной панели реагирует

NextJS Material Dashboard-это бесплатный материал-UI, NextJS и Admin React со свежим, новым дизайном, вдохновленным дизайном материала Google. Мы очень рады представить наше представление о материалах с помощью простых в использовании и красивых компонентах. Material Dashboard NextJS была построена на популярном материале-UI, NextJS и React Frameworks.

NextJS Material Dashboard использует свет, поверхность и движение. Общий макет напоминает листы бумаги после нескольких разных слоев, так что глубина и порядок очевидны. Навигация остается в основном на левой боковой панели, а содержимое находится вправо внутри главной панели.

Material Dashboard NextJS поставляется с 5 вариантами цветных фильтров как для боковой панели, так и для заголовков карт (синий, зеленый, оранжевый, красный и фиолетовый) и вариант иметь фоновое изображение на боковой панели.

NextJS Material Dashboard была создана с использованием NextJS, и она использует структуру, построенную нашим другом Оливье - Material -UI, который проделал удивительную работу, создавая основу для материальных эффектов, анимации, ряда и переходов. Большое спасибо его команде за усилия и вперед, думая, что они вкладывают в это.

Мы очень рады поделиться с вами этой панелью, и мы с нетерпением ждем ваших отзывов!

Это открытый исходный код, и это можно найти здесь.

Особая спасибо:

  • Nepcha Analytics для инструмента аналитики. Nepcha уже интегрирована с Material Dashboard Next.js. Вы можете использовать его, чтобы получить представление о ваших источниках трафика.

Оглавление

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

Версии

NextJs Nodejs Ларавел Vue & Laravel Vuetify
HTML Dark HTML Реагировать Vue Угловой

Демо

  • Начальная страница
  • Страница профиля пользователя
  • Страница таблиц
  • Карты страница
  • Страница уведомлений

Просмотреть больше.

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

Параметры быстрого начала:

  • npm i nextjs-material-dashboard
  • Клон репо: git clone https://github.com/creativetimofficial/nextjs-material-dashboard.git .
  • Скачать с github.
  • Скачать с Creative Tim.

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

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

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

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

 nextjs-material-dashboard
.
├── CHANGELOG.md
├── ISSUE_TEMPLATE.md
├── LICENSE.md
├── README.md
├── assets
│   ├── css
│   │   └── nextjs-material-dashboard.css
│   ├── github
│   │   ├── md-react.gif
│   │   └── react.svg
│   ├── img
│   │   └── faces
│   └── jss
│       ├── nextjs-material-dashboard
│       │   ├── cardImagesStyles.js
│       │   ├── checkboxAdnRadioStyle.js
│       │   ├── components
│       │   │   ├── buttonStyle.js
│       │   │   ├── cardAvatarStyle.js
│       │   │   ├── cardBodyStyle.js
│       │   │   ├── cardFooterStyle.js
│       │   │   ├── cardHeaderStyle.js
│       │   │   ├── cardIconStyle.js
│       │   │   ├── cardStyle.js
│       │   │   ├── customInputStyle.js
│       │   │   ├── customTabsStyle.js
│       │   │   ├── footerStyle.js
│       │   │   ├── headerLinksStyle.js
│       │   │   ├── headerStyle.js
│       │   │   ├── rtlHeaderLinksStyle.js
│       │   │   ├── sidebarStyle.js
│       │   │   ├── snackbarContentStyle.js
│       │   │   ├── tableStyle.js
│       │   │   ├── tasksStyle.js
│       │   │   └── typographyStyle.js
│       │   ├── dropdownStyle.js
│       │   ├── layouts
│       │   │   ├── adminStyle.js
│       │   │   └── rtlStyle.js
│       │   ├── tooltipStyle.js
│       │   └── views
│       │       ├── dashboardStyle.js
│       │       ├── iconsStyle.js
│       │       └── rtlStyle.js
│       └── nextjs-material-dashboard.js
├── components
│   ├── Card
│   │   ├── Card.js
│   │   ├── CardAvatar.js
│   │   ├── CardBody.js
│   │   ├── CardFooter.js
│   │   ├── CardHeader.js
│   │   └── CardIcon.js
│   ├── CustomButtons
│   │   └── Button.js
│   ├── CustomInput
│   │   └── CustomInput.js
│   ├── CustomTabs
│   │   └── CustomTabs.js
│   ├── FixedPlugin
│   │   └── FixedPlugin.js
│   ├── Footer
│   │   └── Footer.js
│   ├── Grid
│   │   ├── GridContainer.js
│   │   └── GridItem.js
│   ├── Navbars
│   │   ├── AdminNavbarLinks.js
│   │   ├── Navbar.js
│   │   └── RTLNavbarLinks.js
│   ├── PageChange
│   │   └── PageChange.js
│   ├── Sidebar
│   │   └── Sidebar.js
│   ├── Snackbar
│   │   ├── Snackbar.js
│   │   └── SnackbarContent.js
│   ├── Table
│   │   └── Table.js
│   ├── Tasks
│   │   └── Tasks.js
│   └── Typography
│       ├── Danger.js
│       ├── Info.js
│       ├── Muted.js
│       ├── Primary.js
│       ├── Quote.js
│       ├── Success.js
│       └── Warning.js
├── documentation
│   ├── assets
│   │   ├── css
│   │   │   ├── bootstrap.min.css
│   │   │   ├── demo-documentation.css
│   │   │   └── material-dashboard.css
│   │   ├── img
│   │   │   └── faces
│   │   └── js
│   │       ├── bootstrap.min.js
│   │       └── jquery-3.2.1.min.js
│   └── tutorial-components.html
├── layouts
│   ├── Admin.js
│   └── RTL.js
├── next.config.js
├── package.json
├── pages
│   ├── _app.js
│   ├── _document.js
│   ├── _error.js
│   ├── admin
│   │   ├── dashboard.js
│   │   ├── icons.js
│   │   ├── maps.js
│   │   ├── notifications.js
│   │   ├── table-list.js
│   │   ├── typography.js
│   │   ├── upgrade-to-pro.js
│   │   └── user-profile.js
│   ├── index.js
│   └── rtl
│       └── rtl-page.js
├── routes.js
└── variables
    ├── charts.js
    └── general.js

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

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

Ресурсы

  • Демо: https://demos.creative-tim.com/nextjs-material-dashboard
  • Страница загрузки: https://www.creative-tim.com/product/nextjs-material-dashboard
  • Документация: https://www.creative-tim.com/learning-lab/nextjs/overview/material-dashboard
  • Лицензионное соглашение: https://www.creative-tim.com/license
  • Поддержка: https://www.creative-tim.com/contact-us
  • Проблемы: страница проблем GitHub
  • NEPCHA Analytics - аналитический инструмент для вашего сайта

Версии набора

NextJs Реагировать на родной Vue Призрак
HTML Реагировать

Pro версии

NextJs Ларавел Vue & Laravel Vuetify
HTML Реагировать Vue Угловой

Версии Pro Kit

NextJs Реагировать на родной Vue Ларавел
HTML Реагировать

Проблемы отчетности

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

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

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

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

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

  • Copyright 2021 Creative Tim (https://www.creative-tim.com)
  • Лицензирован по MIT (https://github.com/creativetimofficial/nextjs-material-dashboard/blob/master/license.md)

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

Больше продуктов от Creative Tim: https://www.creative-tim.com/products

Учебники: https://www.youtube.com/channel/ucvytg4scw-rovb9ohkzzd1w

Бесплатные: https://www.creative-tim.com/products

Партнерская программа (зарабатывает деньги): https://www.creative-tim.com/affiliates/new

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

Twitter: https://twitter.com/creativetim

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

Dribbble: https://dribbble.com/creativetim

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

Instagram: https://instagram.com/creativetimofficial

Расширять
Дополнительная информация
Связанные приложения
Рекомендуем вам
Связанные новости Все