Шаблони за дизайн на материали за Vue, Angular, React (Material UI)

Шаблони за дизайн на материали за Vue, Angular, React (Material UI)

Шаблони за дизайн на материали за Vue, Angular, React (Material UI)
СОДЕРЖАНИЕ
02 июня 2020

Не би ли било по-удобно разработчиците да проектират потребителски интерфейси, ако могат да работят с някакъв стандарт или обща отправна точка? Е, тук влизат в игра шаблони за дизайн на материали!


Като взема "карта" Концепция, която се появи с Google Now, дизайнът на материалите го подобрява с подредба на мрежата, отзивчиви анимации, подплънки, дълбочинни ефекти и други. По този начин улеснява комбинирането на техническия напредък с доброто развитие на дизайна.

За да направите изграждането на потребителски интерфейс още по-лесно, на разположение са много рамки и шаблони, които включват принципите на Google за материално проектиране. Точно това е фокусът ни в днешния пост. Ето най-добрите шаблони за дизайн на материали за Vue, Angular и React.

Да започваме:

Шаблони за дизайн на материали за Vue, Angular, React (Material UI)

  • �� Кликнете за шаблони за реагиране на материали за реагиране
  • �� Кликнете за шаблони за дизайн на материал Vue
  • �� Кликнете за шаблони за дизайн на ъглови материали

Шаблони за дизайн на материали за React

1. Материален комплект реагира

Материален комплект реагира

Вземете го тук Демонстрация

Изглед на реактивния комплектМатериал Kit React на мобилни устройства
  • Безплатен UI комплект за материали
  • 60 ръчно изработени елемента
  • Четири персонализирани приставки
  • Три примерни страници
  • Широкомащабна типография
  • Цветови вариации
  • Изгражда модерно присъствие в мрежата за вашето приложение за Android

2. Material Design React Admin

Material Design React Admin

Вземете го тук Демонстрация

Материален дизайн Реактивен изгледMaterial Design React Admin на мобилен телефон
  • 18 цветни схеми
  • Светли и тъмни теми
  • Чувствителен и поддържа екрани с висока разделителна способност
  • Множество оформления, модулен код
  • Мързеливо зареждане
  • Шаблон на администратора и целева страница
  • Използва CSS и SaaS за лесно променящи се променливи

3. Jumbo React

Jumbo React

Вземете го тук Демонстрация

Jumbo React изгледJumbo React на мобилен телефон
  • Седем табла за управление, 150+ джаджа
  • Шест стила за навигация и шест вградени приложения
  • Асинхронизиране на зареждане
  • 130+ проектирани страници
  • Готови за използване на светли, полутъмни и тъмни нюанси
  • Напълно отзивчив
  • RTL и многоезична поддръжка

4. портал

портал

Вземете го тук Демонстрация

Изглед на порталПортал за мобилни устройства
  • Шест оформления, стилно табло
  • Два примерни приложения
  • 15+ страници с елементи
  • Използва най-новите компоненти на потребителския потребителски интерфейс
  • Мързеливо зареждане и поддръжка на RTL
  • SASS таблици за стилове
  • Девет вградени теми

5. Материално табло за реагиране

Материално табло за реагиране

Вземете го тук Демонстрация

Изглед на реактивното табло за материалиМатериално табло за реагиране на мобилни устройства
  • Изграден над популярната рамка Material-UI v3.1.0
  • 200 компонента
  • 28 примерни страници
  • Десет персонализирани приставки
  • Пет варианта на цветен филтър
  • Опция за фоново изображение в страничната лента
  • Навигация от лявата странична лента

6. Реагирайте администратора

Реагирайте администратора

Вземете го тук Демонстрация

Реактивен изглед на администраторReact Admin на мобилен телефон
  • Супер бърз, много адаптивен потребителски интерфейс
  • Пълнофункционална мрежа за данни
  • Филтрирайте както си пишете
  • WYSIWYG редактор
  • Персонализирано табло, меню, оформление
  • Свързва се с множество пакети
  • Поддържа всяко оформление на формата

Може да се заинтересувате и от тези статии:

  • 20+ от най-добрите шаблони на таблото за управление на Angular през 2020 г.
  • Как да започнете бизнес от електронната търговия от нулата (в 10 стъпки)
  • Как да печеля пари от Fiverr: точните стъпки, които предприех, за да правя 2-3k $ всеки месец
  • 14 от най-интересните библиотеки на компоненти на Vue UI

7. грунд

грунд

Вземете го тук Демонстрация

Изглед на грундГрунд за мобилни устройства
  • Светли и тъмни теми
  • Напълно отзивчива поддръжка на RTL
  • AoT компилация
  • JSS стайлинг
  • Лесен за персонализиране
  • Пет вградени приложения
  • Пет примерни страници

Шаблони за дизайн на материали за Vue

8. Vue Material Kit

Vue Material Kit

Вземете го тук Демонстрация

Изглед на Vue Material KitVue Material Kit на мобилен телефон
  • Безплатно
  • 60 ръчно изработени елемента
  • Два персонализирани приставки
  • Три примерни страници
  • Изграден над Vue Material и Vuejs
  • Основни елементи, навигация, входове, изображения, типография

9. Vuely

Vuely

Вземете го тук Демонстрация

Vuely изгледVuely на мобилен телефон
  • Множество табла за управление
  • Напълно отзивчив
  • 200+ UI елементи
  • 78+ персонализирани джаджа
  • Опции за няколко теми
  • Quill редактор, WYSIWYG редактор
  • 1500+ икони на шрифтове, поддръжка на RTL

10. Vue Material табло

Vue Material табло

Вземете го тук Демонстрация

Изглед на Vue Material DashboardVue Material Dashboard на мобилни устройства
  • 200 компонента
  • 15 приставки
  • 27 примерни страници
  • Шрифтове за икони на материали
  • Страници за вход, регистрация, цени и заключване
  • Таблици с данни и календар
  • Векторна карта и мини странична лента

11. Vuse

Vuse

Вземете го тук Демонстрация

Изглед на VuseVuse на мобилни
  • Множество оформления, много примерни страници
  • Тъмни и светли цветови теми
  • Напълно отзивчив
  • Вградени приложения
  • Конфигурируеми оформления на шаблони
  • Комплект за бърз старт
  • Персонализирано управление на цветовете

12. Vue Material Admin

Vue Material Admin

Вземете го тук Демонстрация

Vue Material АдминистриранеVue Material Admin на мобилни устройства
  • Девет оформления
  • Включва приложение за чат
  • Налични са четири джунджурии
  • Опции за няколко теми
  • Страници за грешка и влизане
  • Избор на дата и час
  • Тъмни и светли опции на страничната лента

13. Улейте таблото за материал

Улейте таблото за материал

Вземете го тук Демонстрация

Определете изгледа на таблото за материалиVuetify Material Dashboard на мобилни устройства
  • Модулна структура
  • 16 ръчно изработени компоненти
  • Два персонализирани приставки
  • Седем примерни страници
  • Икони за дизайн на материали
  • Филтри за страничната лента
  • Цветови опции

14. Vue Material

Vue Material

Вземете го тук Демонстрация

Vue Материален изгледVue Material на мобилен телефон
  • Компоненти и UI елементи
  • Поддръжка за всички съвременни уеб браузъри
  • отзивчив
  • Динамични теми
  • Създаден с Google Material Design
  • Лесен за използване API
  • Светли и тъмни кожи

Шаблони за дизайн на материали за Angular

15. предпазител

предпазител

Вземете го тук Демонстрация

Изглед на предпазителПредпазител на мобилни устройства
  • Тъмни и светли теми
  • Много вградени приложения
  • Повече от десет примера на страници
  • Конфигурируеми оформления на шаблони
  • Персонализирано управление на цветовете
  • 20+ оформления на страници
  • Поддръжка на AoT компилатор

16. Триъгълен

Триъгълен

Вземете го тук Демонстрация

Триъгълен изгледТриъгълни на мобилни
  • Пет табла за управление
  • Шест оформления на шаблони
  • Тонове дизайн на страници
  • отзивчив
  • Много примерни приложения
  • Включени PSD
  • Готовност за много езици

17. Еластичен потребителски интерфейс

Еластичен потребителски интерфейс

Вземете го тук Демонстрация

Еластичен изглед на потребителския интерфейсЕластичен потребителски интерфейс на мобилни устройства
  • Напълно модулен
  • 300 Материални икони
  • Известия за снек бар
  • Налични варианти
  • Ъглово оформление Flex
  • Напълно персонализируеми джаджи
  • Вложен маршрут

18. Градус

Градус

Вземете го тук Демонстрация

Градски изгледGradus на мобилен телефон
  • Включени предварително направени лайоти
  • Отзивчив с много страници с примери
  • Мързеливо зареждане, вложен маршрут
  • AoT компилация
  • Таблици с данни, диаграми, динамично меню
  • Целева страница
  • Плъзгач

19. ярост

ярост

Вземете го тук Демонстрация

Яростна гледкаFury на мобилни
  • Модулна структура
  • 300+ материални икони
  • Известия за снекбар
  • Вложен маршрут
  • Разширена интеграция на Google Maps
  • Напълно приспособими джаджи
  • Панировките за хляб се генерират автоматично

20. MaterialPro

MaterialPro

Вземете го тук Демонстрация

Изглед MaterialProMaterialPro на мобилни устройства
  • Светли и тъмни версии
  • Четири цветови схеми
  • Широка гама от джаджи
  • 25+ ъглови компоненти
  • 2000+ икони на шрифтове
  • Напълно отзивчив
  • 250+ шаблона на страници

* Тази публикация съдържа партньорски връзки, което означава, че ако кликнете върху някоя от връзките към продукта и след това закупите продукта, ще получим малка такса. Без притеснения, все пак ще плащате стандартната сума, така че да няма разходи от ваша страна.

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