Material Design Templates für Vue, Angular, React (Material UI)

Material Design Templates für Vue, Angular, React (Material UI)

Material Design Templates für Vue, Angular, React (Material UI)
СОДЕРЖАНИЕ
02 июня 2020

Wäre es für Entwickler nicht viel bequemer, Benutzeroberflächen zu entwerfen, wenn sie mit einer Art Standard oder einem gemeinsamen Ausgangspunkt arbeiten könnten? Hier kommen Materialdesign-Vorlagen ins Spiel!


Nehmen Sie die "Karte" Das mit Google Now entwickelte Konzept des Materialdesigns erweitert es um gitterbasierte Layouts, reaktionsschnelle Animationen, Polsterung, Tiefeneffekte und mehr. Auf diese Weise wird es einfacher, technische Fortschritte mit einer guten Designentwicklung zu kombinieren.

Um die Erstellung der Benutzeroberfläche noch einfacher zu gestalten, stehen eine Reihe von Frameworks und Vorlagen zur Verfügung, die die Materialdesign-Prinzipien von Google berücksichtigen. Genau darauf konzentrieren wir uns im heutigen Beitrag. Hier sind die besten Materialdesignvorlagen für Vue, Angular und React.

Lass uns anfangen:

Material Design Templates für Vue, Angular, React (Material UI)

  • �� Klicken Sie hier, um Vorlagen für Materialdesign zu reagieren
  • �� Klicken Sie hier, um Vorlagen für das Vue-Materialdesign anzuzeigen
  • �� Klicken Sie hier, um Vorlagen für das Angular-Materialdesign anzuzeigen

Materialdesignvorlagen für React

1. Material Kit Reagieren

Material Kit Reagieren

Hol es dir hier Demo

Material Kit React-AnsichtMaterial Kit Reagieren Sie auf dem Handy
  • Kostenloses Material-UI-Kit
  • 60 handgefertigte Elemente
  • Vier angepasste Plugins
  • Drei Beispielseiten
  • Typografie in großem Maßstab
  • Farbabweichungen
  • Erstellt eine moderne Webpräsenz für Ihre Android-Anwendung

2. Material Design React Admin

Material Design React Admin

Hol es dir hier Demo

Material Design Reagieren Sie auf die AdministratoransichtMaterial Design React Admin auf dem Handy
  • 18 Farbschemata
  • Helle und dunkle Themen
  • Reaktionsschnell und unterstützt hochauflösende Bildschirme
  • Mehrere Layouts, modularer Code
  • Faules Laden
  • Admin-Vorlage und Landing Page
  • Verwendet CSS und SaaS zum einfachen Ändern von Variablen

3. Jumbo-Reaktion

Jumbo-Reaktion

Hol es dir hier Demo

Jumbo React-AnsichtJumbo Reagieren Sie auf dem Handy
  • Sieben Dashboards, mehr als 150 Widgets
  • Sechs Navigationsstile und sechs integrierte Apps
  • Asynchrones Laden
  • Über 130 gestaltete Seiten
  • Gebrauchsfertige helle, halbdunkle und dunkle Farbtöne
  • Voll ansprechbar
  • RTL und mehrsprachige Unterstützung

4. Portal

Portal

Hol es dir hier Demo

PortalansichtPortal auf dem Handy
  • Sechs Layouts, stilvolles Dashboard
  • Zwei Beispiel-Apps
  • Seiten mit mehr als 15 Elementen
  • Verwendet die neuesten Komponenten der Material-Benutzeroberfläche
  • Lazy Loading und RTL-Unterstützung
  • SASS Stylesheets
  • Neun integrierte Themen

5. Material Dashboard Reagieren

Material Dashboard Reagieren

Hol es dir hier Demo

Material Dashboard React-AnsichtMaterial Dashboard Reagieren Sie auf Mobilgeräten
  • Aufbauend auf dem beliebten Material-UI v3.1.0-Framework
  • 200 Komponenten
  • 28 Beispielseiten
  • Zehn angepasste Plugins
  • Fünf Farbfilter zur Auswahl
  • Option für Hintergrundbild in der Seitenleiste
  • Navigation in der linken Seitenleiste

6. Reagiere Admin

Reagiere Admin

Hol es dir hier Demo

Reagieren Sie auf die AdministratoransichtReagiere auf dem Handy
  • Superschnelle, hochgradig anpassbare Benutzeroberfläche
  • Voll ausgestattetes Datagrid
  • Filtern Sie während der Eingabe
  • WYSIWYG-Editor
  • Anpassbares Dashboard, Menü, Layout
  • Verbindet mit mehreren Backends
  • Unterstützt jedes Formularlayout

Diese Artikel könnten Sie auch interessieren:

  • Über 20 der besten Angular Admin-Dashboard-Vorlagen im Jahr 2020
  • So starten Sie ein E-Commerce-Geschäft von Grund auf neu (in 10 Schritten)
  • Wie man mit Fiverr Geld verdient: Die genauen Schritte, die ich unternommen habe, um jeden Monat 2-3.000 USD zu verdienen
  • 14 der interessantesten Vue UI-Komponentenbibliotheken

7. Grundierung

Grundierung

Hol es dir hier Demo

GrundierungsansichtGrundierung auf dem Handy
  • Helle und dunkle Themen
  • Voll ansprechende RTL-Unterstützung
  • AoT-Zusammenstellung
  • JSS-Styling
  • Einfach anzupassen
  • Fünf integrierte Apps
  • Fünf Beispielseiten

Materialdesignvorlagen für Vue

8. Vue Material Kit

Vue Material Kit

Hol es dir hier Demo

Vue Material Kit-AnsichtVue Material Kit für Handys
  • Kostenlos
  • 60 handgefertigte Elemente
  • Zwei angepasste Plugins
  • Drei Beispielseiten
  • Gebaut über Vue Material und Vuejs
  • Grundelemente, Navigation, Eingaben, Bilder, Typografie

9. Vuely

Vuely

Hol es dir hier Demo

Vuely sehenVuely auf dem Handy
  • Mehrere Dashboards
  • Voll ansprechbar
  • Über 200 UI-Elemente
  • Über 78 benutzerdefinierte Widgets
  • Mehrere Themenoptionen
  • Federkiel-Editor, WYSIWYG-Editor
  • 1500+ Schriftsymbole, RTL-Unterstützung

10. Vue Material Dashboard

Vue Material Dashboard

Hol es dir hier Demo

Vue Material Dashboard-AnsichtVue Material Dashboard auf Mobilgeräten
  • 200 Komponenten
  • 15 Plugins
  • 27 Beispielseiten
  • Material Icon Schriftarten
  • Anmelden, Registrieren, Preisgestaltung und Sperren von Seiten
  • Datentabellen und Kalender
  • Vektorkarte und Mini-Seitenleiste

11. Vuse

Vuse

Hol es dir hier Demo

Vuse AnsichtVuse auf dem Handy
  • Mehrere Layouts, viele Beispielseiten
  • Dunkle und helle Farbthemen
  • Voll ansprechbar
  • Integrierte Apps
  • Konfigurierbare Vorlagenlayouts
  • Schnellstart-Kit
  • Benutzerdefiniertes Farbmanagement

12. Vue Material Admin

Vue Material Admin

Hol es dir hier Demo

Vue Material Admin-AnsichtVue Material Admin auf dem Handy
  • Neun Layouts
  • Beinhaltet eine Chat-App
  • Vier Widgets verfügbar
  • Mehrere Themenoptionen
  • Fehler- und Anmeldeseiten
  • Datums- und Uhrzeitauswahl
  • Dunkle und helle Seitenleistenoptionen

13. Material-Dashboard überprüfen

Material-Dashboard überprüfen

Hol es dir hier Demo

Material-Dashboard-Ansicht überprüfenVuetify Material Dashboard auf Mobilgeräten
  • Modularer Aufbau
  • 16 handgefertigte Komponenten
  • Zwei angepasste Plugins
  • Sieben Beispielseiten
  • Materialdesign-Symbole
  • Seitenleistenfilter
  • Farboptionen

14. Vue Material

Vue Material

Hol es dir hier Demo

Vue MaterialansichtVue Material auf dem Handy
  • Komponenten und UI-Elemente
  • Unterstützung für alle modernen Webbrowser
  • Reaktionsschnell
  • Dynamische Themen
  • Mit Google Material Design erstellt
  • Einfach zu bedienende API
  • Helle und dunkle Haut

Materialdesignvorlagen für Angular

fünfzehn. Sicherung

Sicherung

Hol es dir hier Demo

SicherungsansichtSicherung auf dem Handy
  • Dunkle und helle Themen
  • Viele integrierte Apps
  • Mehr als zehn Seitenbeispiele
  • Konfigurierbare Vorlagenlayouts
  • Benutzerdefiniertes Farbmanagement
  • Über 20 Seitenlayouts
  • AoT-Compiler-Unterstützung

16. Dreieckig

Dreieckig

Hol es dir hier Demo

DreiecksansichtDreieckig auf dem Handy
  • Fünf Dashboards
  • Sechs Vorlagenlayouts
  • Tonnenweise Seitendesigns
  • Reaktionsschnell
  • Viele Beispiel-Apps
  • PSDs enthalten
  • Mehrsprachig bereit

17. Elastische Benutzeroberfläche

Elastische Benutzeroberfläche

Hol es dir hier Demo

Elastische UI-AnsichtElastische Benutzeroberfläche für Handys
  • Komplett modular
  • 300 Materialsymbole
  • Snackbar-Benachrichtigungen
  • Modalitäten verfügbar
  • Angular Flex Layout
  • Vollständig anpassbare Widgets
  • Verschachteltes Routing

18. Gradus

Gradus

Hol es dir hier Demo

Gradus AnsichtGradus auf dem Handy
  • Vorgefertigte Layots enthalten
  • Reaktionsschnell mit vielen Beispielseiten
  • Faules Laden, verschachteltes Routing
  • AoT-Zusammenstellung
  • Datentabellen, Diagramme, dynamisches Menü
  • Landing Page
  • Scrollleiste

19. Wut

Wut

Hol es dir hier Demo

WutansichtWut auf dem Handy
  • Modularer Aufbau
  • Über 300 Material-Icons
  • Snackbar-Benachrichtigungen
  • Verschachteltes Routing
  • Erweiterte Google Maps-Integration
  • Vollständig anpassbare Widgets
  • Brotkrumen werden automatisch generiert

20. MaterialPro

MaterialPro

Hol es dir hier Demo

MaterialPro-AnsichtMaterialPro auf dem Handy
  • Helle und dunkle Versionen
  • Vier Farbschemata
  • Große Auswahl an Widgets
  • 25+ Winkelkomponenten
  • 2000+ Schriftsymbole
  • Voll ansprechbar
  • Über 250 Seitenvorlagen

* Dieser Beitrag enthält Affiliate-Links. Wenn Sie also auf einen der Produktlinks klicken und dann das Produkt kaufen, erhalten wir eine geringe Gebühr. Keine Sorge, Sie zahlen trotzdem den Standardbetrag, sodass Sie keine Kosten haben.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    Adblock
    detector