Materiale designskabeloner til Vue, kantet, reagerer (Material UI)

Ville det ikke være langt mere praktisk for udviklere at designe UI’er, hvis de kunne arbejde med en slags standard eller fælles udgangspunkt? Nå, det er her materiale designskabeloner kommer i spil!


At tage "kort" koncept, der blev til med Google Now, materialedesign forbedrer det med netbaserede layouts, lydhøre animationer, polstring, dybdeeffekter og mere. På denne måde gør det det lettere at kombinere tekniske fremskridt med god designudvikling.

For at gøre UI-bygningen endnu enklere er et antal rammer og skabeloner let tilgængelige, der indeholder Googles principper for materialedesign. Det er præcis, hvad vores fokus i dagens indlæg er. Her er de bedste skabeloner til materialedesign til Vue, Angular og React.

Lad os komme igang:

Materiale designskabeloner til Vue, kantet, reagerer (Material UI)

  • �� Klik for skabelon til reaktion af materialedesign
  • �� Klik for skabeloner til Vue-materiale
  • �� Klik for skabeloner med vinkelmateriale

Skabeloner til materialedesign til React

1. Materiale Kit React

Materiale Kit React

Hent det her Demo

Materialsæt React-visningMateriale Kit React på mobil
  • Gratis materiale UI-sæt
  • 60 håndlavede elementer
  • Fire tilpassede plugins
  • Tre eksempler på sider
  • Storskala typografi
  • Farvevariationer
  • Skaber en moderne web-tilstedeværelse til din Android-applikation

2. Materiale Design React Admin

Materiale Design React Admin

Hent det her Demo

Materialdesign React Admin-visningMateriale Design React Admin på mobil
  • 18 farveskemaer
  • Lys og mørke temaer
  • Responsiv og understøtter skærme med høj opløsning
  • Flere layouts, modulær kode
  • Lat ladning
  • Administrationsskabelon og destinationsside
  • Bruger CSS og SaaS til let at ændre variabler

3. Jumbo React

Jumbo React

Hent det her Demo

Jumbo React-visningJumbo React på mobil
  • Syv kontrolpaneler, 150+ widgets
  • Seks navigationsstilarter og seks indbyggede apps
  • Async-indlæsning
  • 130+ designede sider
  • Klar til at bruge lyse, halvmørke og mørke nuancer
  • Fuld lydhør
  • RTL og flersproget support

4. Portal

Portal

Hent det her Demo

PortalvisningPortal på mobil
  • Seks layout, stilfuldt instrumentbræt
  • To eksempler på apps
  • 15+ Elements-sider
  • Bruger de nyeste materiale UI-komponenter
  • Lazy loading og RTL support
  • SASS stilark
  • Ni indbyggede temaer

5. Materielt instrumentbræt React

Materielt instrumentbræt React

Hent det her Demo

Materiale instrumentbræt React viewMateriale instrumentbræt React på mobil
  • Bygget over den populære Material-UI v3.1.0 ramme
  • 200 komponenter
  • 28 eksempler sider
  • Ti tilpassede plugins
  • Fem valg af farvefilter
  • Mulighed for baggrundsbillede i sidebjælken
  • Navigation på venstre sidepanel

6. Reager administrator

Reager administrator

Hent det her Demo

Reager administratorvisningReager administrator på mobil
  • Super hurtig, meget tilpasset brugergrænseflade
  • Komplet datagrid
  • Filtrer som-du-type
  • WYSIWYG editor
  • Tilpasningsbart instrumentbræt, menu, layout
  • Opretter forbindelse til flere backends
  • Understøtter enhver formlayout

Du kan også være interesseret i disse artikler:

  • 20+ af de bedste Angular admin dashboard skabeloner i 2020
  • Sådan starter du en e-handelsvirksomhed fra bunden (i 10 trin)
  • Sådan tjener jeg penge på Fiverr: de nøjagtige skridt, jeg tog for at tjene $ 2-3k hver måned
  • 14 af de mest interessante Vue UI-komponentbiblioteker

7. Primer

Primer

Hent det her Demo

Grundlæggende visningPrimer på mobil
  • Lys og mørke temaer
  • Fuld modtagelig RTL-support
  • AoT-samling
  • JSS-styling
  • Let at tilpasse
  • Fem indbyggede apps
  • Fem eksempler på sider

Skabeloner til materialedesign til Vue

8. Vue Materiale Kit

Vue Materiale Kit

Hent det her Demo

Visning af Vue Material KitVue materialesæt på mobil
  • Gratis
  • 60 håndlavede elementer
  • To tilpassede plugins
  • Tre eksempler på sider
  • Bygget over Vue-materiale og Vuejs
  • Grundlæggende elementer, navigation, input, billeder, typografi

9. Vuely

Vuely

Hent det her Demo

Fantastisk udsigtVuely på mobil
  • Flere dashboards
  • Fuld lydhør
  • 200+ UI-elementer
  • 78+ tilpassede widgets
  • Flere temaindstillinger
  • Quill editor, WYSIWYG editor
  • 1500+ Fontikoner, RTL support

10. Vue-materiale Dashboard

Vue-materiale Dashboard

Hent det her Demo

Vue-materiale Dashboard-visningVue Materiale Dashboard på mobil
  • 200 komponenter
  • 15 plugins
  • 27 eksempler sider
  • Materiale Ikon skrifttyper
  • Login, registrering, prisfastsættelse og låsning af sider
  • Datatabeller og kalender
  • Vector kort og mini sidefelt

11. Vuse

Vuse

Hent det her Demo

Vuse visningVuse på mobilen
  • Flere layout, mange eksempler på sider
  • Temaer med mørke og lyse farver
  • Fuld lydhør
  • Indbyggede apps
  • Konfigurerbare skabelonlayouts
  • Lynstartkit
  • Tilpasset farvestyring

12. Administrator af Vue-materiale

Administrator af Vue-materiale

Hent det her Demo

Vue-materialeadministratorvisningVue-materialeadministrator på mobil
  • Ni layout
  • Inkluderer en chat-app
  • Fire tilgængelige widgets
  • Flere temaindstillinger
  • Fejl og login sider
  • Dato og tid vælger
  • Indstillinger for mørke og lette sidefelt

13. Vuetify Materiale Dashboard

Vuetify Materiale Dashboard

Hent det her Demo

Vuetify Material Dashboard-visningVuetify Materiale Dashboard på mobil
  • Modulær struktur
  • 16 håndlavede komponenter
  • To tilpassede plugins
  • Syv eksempel sider
  • Materiale design ikoner
  • Sidefeltfiltre
  • Farveindstillinger

14. Vue-materiale

Vue-materiale

Hent det her Demo

Vue materiale-visningVue-materiale på mobil
  • Komponenter og UI-elementer
  • Support til alle moderne webbrowsere
  • Lydhør
  • Dynamiske temaer
  • Bygget med Google Material Design
  • Nem at bruge API
  • Lette og mørke skind

Skabeloner til materialedesign til vinkel

15. Sikring

Sikring

Hent det her Demo

SikringSikring på mobil
  • Mørke og lyse temaer
  • Mange indbyggede apps
  • Mere end ti sider
  • Konfigurerbare skabelonlayouts
  • Tilpasset farvestyring
  • 20+ sidelayout
  • AoT compiler support

16. trekantede

trekantede

Hent det her Demo

Trekantet udsigtTrekantet på mobil
  • Fem betjeningspaneler
  • Seks skabelonlayouter
  • Masser af sidedesign
  • Lydhør
  • Mange eksempler på apps
  • PSD’er inkluderet
  • Flersproget klar

17. Elastisk brugergrænseflade

Elastisk brugergrænseflade

Hent det her Demo

Elastisk UI-visningElastisk brugergrænseflade på mobil
  • Helt modulopbygget
  • 300 materielle ikoner
  • Underretninger om snackbar
  • Modaler tilgængelige
  • Angular Flex-layout
  • Fuldt tilpassede widgets
  • Indlejret routing

18. Gradus

Gradus

Hent det her Demo

Gradus udsigtGradus på mobil
  • Pre-made layots inkluderet
  • Responsiv med mange eksempler sider
  • Lat læsning, indlejret routing
  • AoT-samling
  • Datatabeller, diagrammer, dynamisk menu
  • Landingsside
  • Rullebar

19. Raseri

Raseri

Hent det her Demo

Uro visningVred på mobilen
  • Modulær struktur
  • 300+ materielle ikoner
  • Snackbar-meddelelser
  • Indlejret routing
  • Avanceret Google Maps-integration
  • Fuldt tilpassede widgets
  • Brødkrummer genereres automatisk

20. MaterialPro

MaterialPro

Hent det her Demo

MaterialPro-visningMaterialPro på mobil
  • Lyse og mørke versioner
  • Fire farveskemaer
  • Bred vifte af widgets
  • 25+ kantede komponenter
  • 2000+ Fontikoner
  • Fuld lydhør
  • 250+ sideskabeloner

* Dette indlæg indeholder tilknyttede links, hvilket betyder, at hvis du klikker på et af produktlinkene og derefter køber produktet, modtager vi et mindre gebyr. Ingen bekymringer, selvom du stadig betaler standardbeløbet, så der er ingen omkostninger fra din side.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map