Modelli di design dei materiali per Vue, Angular, React (Material UI)

Modelli di design dei materiali per Vue, Angular, React (Material UI)

Modelli di design dei materiali per Vue, Angular, React (Material UI)
СОДЕРЖАНИЕ
02 июня 2020

Non sarebbe molto più conveniente per gli sviluppatori progettare interfacce utente se potessero lavorare con una sorta di punto di partenza standard o comune? Bene, è qui che entrano in gioco i modelli di progettazione dei materiali!


Prendendo il "carta" concetto nato da Google Now, il design dei materiali lo migliora con layout a griglia, animazioni reattive, imbottitura, effetti di profondità e altro ancora. In questo modo, è più facile combinare i progressi tecnici con un buon sviluppo del design.

Per rendere la costruzione dell’interfaccia utente ancora più semplice, sono disponibili numerosi framework e modelli che incorporano i principi di progettazione dei materiali di Google. Questo è esattamente ciò che ci focalizza nel post di oggi. Ecco i migliori modelli di progettazione dei materiali per Vue, Angular e React.

Iniziamo:

Modelli di design dei materiali per Vue, Angular, React (Material UI)

  • �� Fai clic per i modelli di progettazione dei materiali di React
  • �� Fare clic per i modelli di progettazione del materiale Vue
  • �� Fare clic per i modelli di progettazione del materiale angolare

Modelli di progettazione dei materiali per React

1. Material Kit React

Material Kit React

Prendilo qui dimostrazione

Vista del kit di materialiMaterial Kit React su dispositivo mobile
  • Kit UI materiale gratuito
  • 60 elementi artigianali
  • Quattro plugin personalizzati
  • Tre pagine di esempio
  • Tipografia su larga scala
  • Variazioni di colore
  • Crea una presenza web moderna per la tua applicazione Android

2. Material Design React Admin

Material Design React Admin

Prendilo qui dimostrazione

Material Admin React Admin viewMaterial Design React Admin su dispositivo mobile
  • 18 combinazioni di colori
  • Temi chiari e scuri
  • Reattivo e supporta schermi ad alta risoluzione
  • Layout multipli, codice modulare
  • Caricamento lento
  • Modello di amministrazione e pagina di destinazione
  • Utilizza CSS e SaaS per cambiare facilmente le variabili

3. Jumbo React

Jumbo React

Prendilo qui dimostrazione

Vista Jumbo ReactJumbo React su cellulare
  • Sette dashboard, oltre 150 widget
  • Sei stili di navigazione e sei app integrate
  • Caricamento asincrono
  • 130+ pagine progettate
  • Tonalità chiare, semi-scure e scure pronte per l’uso
  • Completamente reattivo
  • RTL e supporto multilingue

4. Portale

Portale

Prendilo qui dimostrazione

Vista portalePortale su cellulare
  • Sei layout, elegante cruscotto
  • Due app di esempio
  • Più di 15 pagine di elementi
  • Utilizza i più recenti componenti dell’interfaccia utente dei materiali
  • Caricamento lento e supporto RTL
  • Fogli di stile SASS
  • Nove temi integrati

5. Materiale Dashboard React

Materiale Dashboard React

Prendilo qui dimostrazione

Vista Dashboard materiale ReagisciDashboard materiale Reagisce su dispositivo mobile
  • Costruito sul popolare framework Material-UI v3.1.0
  • 200 componenti
  • 28 pagine di esempio
  • Dieci plugin personalizzati
  • Cinque opzioni di filtro colore
  • Opzione per l’immagine di sfondo nella barra laterale
  • Navigazione sulla barra laterale sinistra

6. React Admin

React Admin

Prendilo qui dimostrazione

Reagisci vista AdminReagisci Admin su dispositivo mobile
  • Interfaccia utente super veloce e altamente personalizzabile
  • Datagrid completo
  • Filtro durante la digitazione
  • Editor WYSIWYG
  • Dashboard, menu, layout personalizzabili
  • Si collega a più backend
  • Supporta qualsiasi layout di modulo

Potresti anche essere interessato a questi articoli:

  • Oltre 20 dei migliori modelli di dashboard di amministrazione angolare nel 2020
  • Come avviare un’attività di eCommerce da zero (in 10 passaggi)
  • Come guadagnare con Fiverr: i passi esatti che ho fatto per guadagnare $ 2-3k ogni mese
  • 14 delle più interessanti librerie di componenti dell’interfaccia utente Vue

7. Primer

Primer

Prendilo qui dimostrazione

Vista dell'iniettorePrimer sul cellulare
  • Temi chiari e scuri
  • Supporto RTL completamente reattivo
  • AoT compilation
  • Stile JSS
  • Facile da personalizzare
  • Cinque app integrate
  • Cinque pagine di esempio

Modelli di design dei materiali per Vue

8. Vue Material Kit

Vue Material Kit

Prendilo qui dimostrazione

Vista kit materiale VueVue Material Kit su dispositivo mobile
  • Gratuito
  • 60 elementi artigianali
  • Due plugin personalizzati
  • Tre pagine di esempio
  • Costruito su Vue Material e Vuejs
  • Elementi di base, navigazione, input, immagini, tipografia

9. Vuely

Vuely

Prendilo qui dimostrazione

Vista VuelyVuely sul cellulare
  • Dashboard multiple
  • Completamente reattivo
  • Oltre 200 elementi dell’interfaccia utente
  • 78+ widget personalizzati
  • Opzioni a tema multiplo
  • Quill editor, editor WYSIWYG
  • Oltre 1500 icone di caratteri, supporto RTL

10. Cruscotto materiale Vue

Cruscotto materiale Vue

Prendilo qui dimostrazione

Vista Dashboard materiale virtualeDue Material Dashboard su dispositivo mobile
  • 200 componenti
  • 15 plugin
  • 27 pagine di esempio
  • Caratteri icona materiale
  • Accesso, registrazione, prezzi e blocco pagine
  • Tabelle dati e calendario
  • Mappa vettoriale e mini sidebar

11. Vuse

Vuse

Prendilo qui dimostrazione

Vista VuseVuse sul cellulare
  • Layout multipli, molte pagine di esempio
  • Temi di colore scuro e chiaro
  • Completamente reattivo
  • App integrate
  • Layout dei modelli configurabili
  • Kit di avvio rapido
  • Gestione del colore personalizzata

12. Vue Material Admin

Vue Material Admin

Prendilo qui dimostrazione

Vista amministratore di Vue MaterialVue Material Admin su dispositivo mobile
  • Nove layout
  • Include un’app di chat
  • Quattro widget disponibili
  • Opzioni a tema multiplo
  • Pagine di errore e di accesso
  • Selettore data e ora
  • Opzioni della barra laterale scure e chiare

13. Cruscotto materiale Vuetify

Cruscotto materiale Vuetify

Prendilo qui dimostrazione

Vista Dashboard materiale VuetifyVuetify Material Dashboard su dispositivo mobile
  • Struttura modulare
  • 16 componenti artigianali
  • Due plugin personalizzati
  • Sette pagine di esempio
  • Icone del design materiale
  • Filtri della barra laterale
  • Opzioni di colore

14. Vue Material

Vue Material

Prendilo qui dimostrazione

Vista materiale VueMateriale Vue su cellulare
  • Componenti ed elementi dell’interfaccia utente
  • Supporto per tutti i browser Web moderni
  • di risposta
  • Temi dinamici
  • Costruito con Google Material Design
  • API facile da usare
  • Pelli chiare e scure

Modelli di design dei materiali per Angular

15. Fusibile

Fusibile

Prendilo qui dimostrazione

Vista dei fusibiliFusibile sul cellulare
  • Temi scuri e chiari
  • Molte app integrate
  • Più di dieci esempi di pagine
  • Layout dei modelli configurabili
  • Gestione del colore personalizzata
  • 20+ layout di pagina
  • Supporto del compilatore AoT

16. Triangolare

Triangolare

Prendilo qui dimostrazione

Vista triangolareTriangolare su cellulare
  • Cinque cruscotti
  • Sei layout modello
  • Tonnellate di disegni di pagina
  • di risposta
  • Molte app di esempio
  • PSD inclusi
  • Pronto per più lingue

17. UI elastica

UI elastica

Prendilo qui dimostrazione

Vista elastica dell'interfaccia utenteUI elastica su dispositivo mobile
  • Completamente modulare
  • 300 icone materiali
  • Notifiche snack bar
  • Modali disponibili
  • Layout flessibile angolare
  • Widget completamente personalizzabili
  • Instradamento nidificato

18. Gradus

Gradus

Prendilo qui dimostrazione

Vista GradusGradus sul cellulare
  • Layots pre-realizzati inclusi
  • Reattivo con molte pagine di esempio
  • Caricamento lento, instradamento nidificato
  • AoT compilation
  • Tabelle dati, grafici, menu dinamico
  • Pagina di destinazione
  • Barra di scorrimento

19. Furia

Furia

Prendilo qui dimostrazione

Vista furiaFury sul cellulare
  • Struttura modulare
  • Oltre 300 icone materiali
  • Notifiche Snackbar
  • Instradamento nidificato
  • Integrazione avanzata di Google Maps
  • Widget completamente personalizzabili
  • Il pangrattato viene generato automaticamente

20. MaterialPro

MaterialPro

Prendilo qui dimostrazione

Vista MaterialProMaterialPro su dispositivo mobile
  • Versioni chiare e scure
  • Quattro combinazioni di colori
  • Ampia gamma di widget
  • 25+ componenti angolari
  • 2000+ icone dei caratteri
  • Completamente reattivo
  • Oltre 250 modelli di pagina

* Questo post contiene link di affiliazione, il che significa che se fai clic su uno dei link del prodotto e poi acquisti il ​​prodotto, riceveremo una piccola tassa. Non preoccuparti, pagherai comunque l’importo standard in modo che non ci siano costi da parte tua.

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