NextJS Material Dashboard est un matériau gratuit-UI, NextJS et React Admin avec un nouveau design frais inspiré de la conception de matériaux de Google. Nous sommes très heureux de présenter notre point de vue sur les concepts matériels grâce à un ensemble de composants faciles à utiliser et magnifique. Le tableau de bord du matériau NextJS a été construit sur les cadres populaires de matériaux-UI, NextJS et React.
Le tableau de bord du matériau NextJS utilise la lumière, la surface et le mouvement. La disposition générale ressemble à des feuilles de papier après plusieurs couches différentes, de sorte que la profondeur et l'ordre sont évidents. La navigation reste principalement sur la barre latérale gauche et le contenu est à droite à l'intérieur du panneau principal.
Le tableau de bord du matériau NextJS est livré avec 5 choix de filtre de couleur pour la barre latérale et les en-têtes de carte (bleu, vert, orange, rouge et violet) et une option pour avoir une image d'arrière-plan sur la barre latérale.
Le tableau de bord du matériel NextJS a été créé à l'aide de NextJS et il utilise un framework construit par notre ami Olivier - Material-UI, qui a fait un travail incroyable en créant l'épine dorsale pour les effets des matériaux, les animations, les ondulations et les transitions. Un grand merci à son équipe pour l'effort et à l'avance en pensant qu'ils y ont mis.
Nous sommes très heureux de partager ce tableau de bord avec vous et nous sommes impatients d'entendre vos commentaires!
Il est open source, et son repo GitHub peut être trouvé ici.
Merci spécial aller à:
| NextJS | Nodejs | Laravel | Vue et Laravel | Vertiser |
|---|---|---|---|---|
| Html sombre | Html | Réagir | Vue | Angulaire |
|---|---|---|---|---|
Voir plus.
Options de démarrage rapide:
npm i nextjs-material-dashboardgit clone https://github.com/creativetimofficial/nextjs-material-dashboard.git .La documentation du tableau de bord matériel React est hébergée sur notre site Web.
Dans le téléchargement, vous trouverez les répertoires et fichiers suivants:
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
À l'heure actuelle, nous visons officiellement à soutenir les deux dernières versions des navigateurs suivants:
| NextJS | React natif | Vue | Fantôme |
|---|---|---|---|
| Html | Réagir |
|---|---|
| NextJS | Laravel | Vue et Laravel | Vertiser |
|---|---|---|---|
| Html | Réagir | Vue | Angulaire |
|---|---|---|---|
| NextJS | React natif | Vue | Laravel |
|---|---|---|---|
| Html | Réagir |
|---|---|
Nous utilisons les problèmes de GitHub comme tracker de bogue officiel pour le tableau de bord matériel réagi. Voici quelques conseils pour nos utilisateurs qui souhaitent signaler un problème:
Si vous avez des questions ou avez besoin d'aide pour intégrer le produit, veuillez nous contacter au lieu d'ouvrir un problème.
Plus de produits de Creative Tim: https://www.creative-tim.com/products
Tutoriels: https://www.youtube.com/channel/ucvytg4scw-rovb9ohkzzd1w
Freebies: https://www.creative-tim.com/products
Programme d'affiliation (Gagnez de l'argent): https://www.creative-tim.com/affiliates/new
Réseaux sociaux:
Twitter: https://twitter.com/creativetim
Facebook: https://www.facebook.com/cretivetim
Dribble: https://dribbble.com/cretivetim
Google+: https://plus.google.com/+cretiveTimpage
Instagram: https://instagram.com/cretivetimofficial