11 материальных рамок дизайна

  1. 1. Угловой материал
  2. 2. Суть
  3. 3. LumX
  4. 4. Материал
  5. 5. Дизайн материала для Bootstrap
  6. 6. Материал Дизайн Лайт
  7. 7. Материальное основание
  8. 8. Материализация
  9. 9. MUI CSS
  10. 10. Фонон
  11. 11. Бумажная тема для Bootstrap
  12. Считаете это чтение полезным? Прочитайте больше:

В настоящее время популярной тенденцией в дизайне интерфейсов приложений является дизайн материалов Google, который можно использовать не только для своих приложений, но и для веб-приложений и гибридных приложений. Поскольку эта система и философия дизайна объединяют элементы дизайна, такие как тени, цвет, анимация и т. Д., Которые мы обсуждали в нашей статье на прошлой неделе о освоение материалов дизайна Мы решили найти лучшие фреймворки, которые помогут вам создавать приложения MD.

Итак, вот они: наши лучшие 11 бесплатных подборок, которые должны помочь вам внедрить материал в ваш будущий веб-проект.

1. Угловой материал

AngularJS - это в значительной степени популярная платформа веб-разработки с открытым исходным кодом, которую вы можете использовать для внедрения элементов пользовательского интерфейса Material Design в ваш проект. Угловой материал Недавно вышел стабильный v1, но есть слово, что v2 находится в стадии разработки. Не могу дождаться, чтобы увидеть это!

2. Суть

Описанные как «связные, продуманные и смелые» и «сфокусированные на интуитивном и естественном взаимодействии», сущность это CSS-фреймворк, основанный на React, который позволяет вам реализовывать дизайн материалов и создавать быстрые и умные мобильные и веб-интерфейсы. Вы можете скачать его с Github или же NPM ,

3. LumX

Другой AngularJS-подобный фреймворк (одобрен и поддерживается Google), LumX предлагает «хорошо анимированные компоненты CSS и JavaScript». Он был создан с использованием Sass и Bourbon, чтобы помочь вам быстро настроить дизайн приложения, а его производительность была оптимизирована с помощью Gulp и «чуть-чуть jQuery» без каких-либо плагинов. Вы можете легко скачать его с Github ,

4. Материал

Daemonite-х материал Пользовательский интерфейс - это фреймворк, созданный с целью объединения визуальных элементов Google Material Design с технологией внешнего интерфейса Bootstrap. Вы можете сначала прочитать материал документация а затем просто загрузите его на свое устройство.

5. Дизайн материала для Bootstrap

Вот еще один интерфейс, который вы можете использовать, чтобы применить MD Google к Bootstrap. Он основан на JavaScript и содержит плагины jQuery, которые помогут вам в разработке. Скачать это отсюда или Github ,

6. Материал Дизайн Лайт

Материал Дизайн Лайт это естественная последовательность нового сайта Google о Material Design. Это должно помочь вам начать работу с MD, предлагая вам их шаблоны, компоненты, стили и другие полезные ресурсы для большего опыта работы с материалами.

7. Материальное основание

Вы можете найти Зурба Материальное основание на Github , Загрузив его, вы сможете создавать адаптивные веб-сайты и приложения, которые содержат значки материалов, типографику, кнопки, карточки, вкладки, меню и другие несущественные элементы MD.

8. Материализация

материализовать это фреймворк, который нацелен на дизайн материалов в основном на пользовательский интерфейс Если вы знакомы с Bootstrap, с помощью этого интерфейса вы сможете создавать хорошие адаптивные веб-сайты и приложения, и даже есть версия Sass.

9. MUI CSS

Если вы хотите, чтобы сверхлегкий CSS-фреймворк реализовывал рекомендации Google по MD, MUI CSS это правильный выбор для вас и ваших кроссплатформенных проектов. Только 6,6 КБ для файлов mui.min.css и 5,4 КБ для файлов mui.min.js! Он не имеет внешних зависимостей и может быть настроен с помощью файлов Sass на Github ,

10. Фонон

Phonon это еще один легкий (60 МБ), масштабируемый и гибкий веб / гибридный фреймворк HTML5, который вы можете легко настроить для лучших интерфейсов Material Design. Проверьте это на Github ,

11. Бумажная тема для Bootstrap

Если вы привыкли к Bootstrap, вы можете попробовать Bootswatch's Бумажная тема который подражает MD. Название основано на первом кодовом названии Material Design - Quantum Paper.

Считаете это чтение полезным? Прочитайте больше:

Весна Савич

Она посвящает свое время изучению лучших средств общения, воплощению знаний в жизнь и является страстным читателем.

Последние сообщения от Весна Савич ( увидеть все )

Считаете это чтение полезным?