Šablony návrhů materiálů pro Vue, Angular, React (Material UI)

Šablony návrhů materiálů pro Vue, Angular, React (Material UI)

Šablony návrhů materiálů pro Vue, Angular, React (Material UI)
СОДЕРЖАНИЕ
02 июня 2020

Nebylo by pro vývojáře mnohem pohodlnější navrhnout uživatelská rozhraní, pokud by mohli pracovat s nějakým standardem nebo společným výchozím bodem? Tady přicházejí do hry šablony materiálového designu!


Vezmeme "Kartu" koncept, který vznikl s Chytrými kartami Google, jej materiálový design vylepšuje rozložením založeným na mřížce, responzivními animacemi, výplní, hloubkovými efekty a dalšími. Tímto způsobem je snazší kombinovat technické pokroky s dobrým vývojem designu.

Aby bylo vytváření uživatelského rozhraní ještě jednodušší, je k dispozici řada rámců a šablon, které zahrnují principy materiálového designu společnosti Google. To je přesně to, na co se v dnešním příspěvku zaměřujeme. Zde jsou nejlepší šablony návrhů materiálů pro Vue, Angular a React.

Začněme:

Šablony návrhů materiálů pro Vue, Angular, React (Material UI)

  • �� Klikněte pro šablony návrhu materiálu React
  • �� Klikněte pro šablony návrhů materiálu Vue
  • �� Klikněte pro šablony návrhů hranatých materiálů

Šablony návrhů materiálu pro React

1. Material Kit React

Material Kit React

Získejte to tady Ukázka

Pohled na soupravu materiáluMateriál Kit React on mobile
  • Sada materiálu UI zdarma
  • 60 ručně vyrobených prvků
  • Čtyři přizpůsobené doplňky
  • Tři ukázkové stránky
  • Velká typografie
  • Barevné variace
  • Vytváří moderní webovou prezentaci pro vaši aplikaci pro Android

2. Návrh materiálu Reagovat správce

Návrh materiálu Reagovat správce

Získejte to tady Ukázka

Material Design React Admin viewMateriál Design React Admin na mobil
  • 18 barevných schémat
  • Světlé a tmavé motivy
  • Reaguje a podporuje obrazovky s vysokým rozlišením
  • Více rozvržení, modulární kód
  • Líné načítání
  • Šablona správce a vstupní stránka
  • Používá CSS a SaaS pro snadnou změnu proměnných

3. Jumbo React

Jumbo React

Získejte to tady Ukázka

Pohled Jumbo ReactJumbo React on mobile
  • Sedm dashboardů, 150+ widgetů
  • Šest navigačních stylů a šest vestavěných aplikací
  • Async načítání
  • 130+ stránek navržených
  • Připraveno k použití světlých, polotmavých a tmavých odstínů
  • Plně reagující
  • Podpora RTL a vícejazyčná podpora

4. Portál

Portál

Získejte to tady Ukázka

Zobrazení portáluPortál v mobilu
  • Šest rozložení, stylový přístrojový panel
  • Dva příklady aplikací
  • 15+ prvků
  • Používá nejnovější komponenty uživatelského rozhraní materiálu
  • Líné načítání a podpora RTL
  • SASS styly
  • Devět vestavěných témat

5. Materiál Dashboard React

Materiál Dashboard React

Získejte to tady Ukázka

Pohled na panel Dashboard ReactMaterial Dashboard React on mobile
  • Postaveno přes populární Material-UI v3.1.0 framework
  • 200 komponent
  • 28 vzorových stránek
  • Deset přizpůsobených pluginů
  • Pět možností barevného filtru
  • Možnost pro obrázek na pozadí v postranním panelu
  • Navigace na levém postranním panelu

6. Reagovat správce

Reagovat správce

Získejte to tady Ukázka

Reagovat zobrazení správceReagovat Admin na mobil
  • Super rychlé a vysoce přizpůsobitelné uživatelské rozhraní
  • Plně funkční datová mřížka
  • Filtrujte při psaní
  • WYSIWYG editor
  • Přizpůsobitelné dashboard, menu, rozložení
  • Připojuje se k více backendům
  • Podporuje jakékoli rozvržení formuláře

Také by vás mohly zajímat tyto články:

  • 20+ z nejlepších šablon řídicího panelu Angular admin v roce 2020
  • Jak začít s elektronickým obchodem od nuly (v 10 krocích)
  • Jak vydělat peníze na Fiverru: přesné kroky, které jsem podnikl, abych vydělal 2–3 000 $ každý měsíc
  • 14 z nejzajímavějších knihoven komponent Vue UI

7. Primer

Primer

Získejte to tady Ukázka

Základní pohledPrimer na mobil
  • Světlé a tmavé motivy
  • Plně reagující podpora RTL
  • Kompilace AoT
  • Styl JSS
  • Snadné přizpůsobení
  • Pět vestavěných aplikací
  • Pět příkladů

Šablony návrhů materiálů pro Vue

8. Vue Material Kit

Vue Material Kit

Získejte to tady Ukázka

Pohled na Vue Material KitVue Material Kit na mobil
  • Volný, uvolnit
  • 60 ručně vyrobených prvků
  • Dva přizpůsobené doplňky
  • Tři ukázkové stránky
  • Postaveno přes Vue Material a Vuejs
  • Základní prvky, navigace, vstupy, obrázky, typografie

9. Vuely

Vuely

Získejte to tady Ukázka

Vuely viewVuely na mobil
  • Více řídicích panelů
  • Plně reagující
  • 200+ prvků uživatelského rozhraní
  • 78+ vlastních widgetů
  • Více možností motivu
  • Editor brk, editor WYSIWYG
  • 1500+ ikon písem, podpora RTL

10. Vue Material Dashboard

Vue Material Dashboard

Získejte to tady Ukázka

Pohled na řídicí panel materiálu VueVue Material Dashboard na mobilu
  • 200 komponent
  • 15 pluginů
  • 27 vzorových stránek
  • Písmo ikon materiálu
  • Přihlaste se, zaregistrujte se, stanovte ceny a zamkněte stránky
  • Datové tabulky a kalendář
  • Vektorová mapa a mini postranní panel

11. Vuse

Vuse

Získejte to tady Ukázka

Vuse pohledVuse na mobil
  • Více rozložení, mnoho příkladů stránek
  • Tmavé a světlé barevné motivy
  • Plně reagující
  • Vestavěné aplikace
  • Konfigurovatelné rozložení šablon
  • Sada pro rychlý start
  • Vlastní správa barev

12. Vue Material Admin

Vue Material Admin

Získejte to tady Ukázka

Vue Material Admin viewVue Material Admin na mobil
  • Devět rozložení
  • Zahrnuje chatovou aplikaci
  • K dispozici jsou čtyři widgety
  • Více možností motivu
  • Chybové a přihlašovací stránky
  • Výběr data a času
  • Tmavé a světlé možnosti postranního panelu

13. Vuetify Material Dashboard

Vuetify Material Dashboard

Získejte to tady Ukázka

Pohled na řídicí panel materiálu VuetifyVuetify Material Dashboard na mobilu
  • Modulární struktura
  • 16 ručně vyrobených komponent
  • Dva přizpůsobené doplňky
  • Sedm vzorových stránek
  • Ikony designu materiálu
  • Filtry na postranním panelu
  • Barevné možnosti

14. Materiál Vue

Materiál Vue

Získejte to tady Ukázka

Pohled na materiál VueVue Materiál na mobil
  • Komponenty a prvky uživatelského rozhraní
  • Podpora všech moderních webových prohlížečů
  • Citlivý
  • Dynamická témata
  • Postaven s materiálem Google Design
  • Snadno použitelné API
  • Světlé a tmavé kůže

Šablony návrhů materiálu pro Angular

15. Pojistka

Pojistka

Získejte to tady Ukázka

Pojistka pohledPojistka na mobil
  • Temná a světlá témata
  • Mnoho vestavěných aplikací
  • Více než deset příkladů stránky
  • Konfigurovatelné rozložení šablon
  • Vlastní správa barev
  • Rozložení stránky 20+
  • Podpora kompilátoru AoT

16. Trojúhelníkový

Trojúhelníkový

Získejte to tady Ukázka

Trojúhelníkový pohledTrojúhelníkový na mobil
  • Pět řídicích panelů
  • Šest rozložení šablony
  • Spousta návrhů stránek
  • Citlivý
  • Mnoho příkladů aplikací
  • Včetně PSD
  • Vícejazyčný připraven

17. Elastické uživatelské rozhraní

Elastické uživatelské rozhraní

Získejte to tady Ukázka

Pružné zobrazení uživatelského rozhraníElastické uživatelské rozhraní v mobilu
  • Zcela modulární
  • 300 ikon materiálu
  • Snack bar oznámení
  • Dostupné způsoby
  • Úhlové ohýbání Flex
  • Zcela přizpůsobitelné widgety
  • Vnořené směrování

18. Gradus

Gradus

Získejte to tady Ukázka

Gradus pohledGradus na mobilu
  • Včetně předem vyrobených vrstev
  • Reaguje na mnoho příkladových stránek
  • Líné načítání, vnořené směrování
  • Kompilace AoT
  • Datové tabulky, grafy, dynamické menu
  • Vstupní stránka
  • Posuvník

19. Zuřivost

Zuřivost

Získejte to tady Ukázka

Fury pohledFury na mobil
  • Modulární struktura
  • 300+ Materiál Ikony
  • Upozornění na snackbar
  • Vnořené směrování
  • Pokročilá integrace Map Google
  • Plně přizpůsobitelné widgety
  • Drobečková navigace je generována automaticky

20. MaterialPro

MaterialPro

Získejte to tady Ukázka

MaterialPro pohledMaterialPro v mobilu
  • Světlé a tmavé verze
  • Čtyři barevná schémata
  • Široká nabídka widgetů
  • 25+ Úhlové komponenty
  • 2000+ Písmo Ikony
  • Plně reagující
  • 250+ šablon stránek

* Tento příspěvek obsahuje přidružené odkazy, což znamená, že pokud kliknete na jeden z odkazů na produkt a poté produkt zakoupíte, dostaneme malý poplatek. Bez obav však budete stále platit standardní částku, takže z vaší strany nevzniknou žádné náklady.

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