Material Design Components

Каталог M3 🚀

Это приложение предназначено для демонстрационных целей разработчиков.

📚 Исходный код: GitHub - Компоненты Material Design

https://github.com/boltuix-store/Material-Design-Components

📖 Документация: Material 3 Guidelines 2025

https://www.boltuix.com/2025/06/material-3-guidelines-2025.html

Material — это адаптируемая система руководств, компонентов и инструментов, которые поддерживают лучшие практики дизайна пользовательского интерфейса. Material с открытым исходным кодом упрощает совместную работу дизайнеров и разработчиков, помогая командам быстро создавать прекрасные продукты. 🌟

Компоненты 🛠️

Компоненты Material — это интерактивные строительные блоки для создания пользовательского интерфейса.

Вот полный список с добавленными компонентами:

* Адаптивный 🖥️: Гибкие макеты для различных размеров экрана

* Панели приложений: Нижняя 📱: Навигационная панель и панели действий внизу экрана

* Панели приложений: Верхняя 📍: Навигационная панель вверху экрана

* Фон 🎨: Многослойный контент с видом спереди и сзади

* Значки 🔔: Значки для уведомлений или статуса на элементах пользовательского интерфейса (BadgeDrawable)

* Баннеры 📢: Временные сообщения для привлечения внимания пользователя

* Нижняя навигация 🧭: Переключение между представлениями пользовательского интерфейса внизу

* Нижние листы ⬇️: Вторичное содержимое, прикрепленное к нижней части экрана

* Кнопки 👆: Основные компоненты для запуска действий в пользовательском интерфейсе

* Кнопки: Плавающая кнопка действия (FAB) ➕: Плавающие кнопки действий для основных действий

* Меню FAB 🔄: Меню, расширяющиеся из FAB для связанных действий

* Карточки 🗂️: Отображение контента и действий для одного предмета

* Карусель 🎠: Прокручиваемая коллекция элементов на экране и за его пределами

* Флажки ✅: Выбор одного или нескольких элементов или включение/выключение

* Фишки 🏷️: Ввод информации, выбор, фильтрация или запуск действий

* Таблицы данных 📊: Организация и отображение структурированных данных

* Выбор даты 📅: Выбор даты или диапазона дат

* Диалоги ❗: Важные подсказки в пользовательском потоке

* Разделители ➖: Тонкие линии для группировки контента в контейнеры

* Закрепленная панель инструментов ⚓: Фиксированные панели инструментов для частых действий

* Плавающая панель инструментов 🛠️: Динамические панели инструментов для контекстных действий

* Иконки и сегментированные кнопки 🖼️: Кнопки со значками или сегментированными опциями для взаимодействие

* Списки изображений 🖼️: сетка или список изображений

* Списки 📋: вертикальные списки для отображения контента

* Индикаторы загрузки 🔄: визуальные подсказки для коротких процессов загрузки

* MaterialTextView ✍️: улучшенный компонент отображения текста для Material 3

* Меню 📜: отображение списка вариантов на временной поверхности

* Панель навигации 📂: переключение между представлениями пользовательского интерфейса на больших устройствах

* Навигационная панель 🚆: переключение между представлениями пользовательского интерфейса на устройствах среднего размера

* Индикаторы выполнения ⏳: отображение неуказанного времени ожидания или продолжительности процесса

* Радиокнопки 🔘: выбор одного варианта из набора

* Панель поиска 🔍: ввод ключевых слов или фраз для получения релевантной информации

* Элементы управления выбором 🎚️: управление выбором пользователя (флажки, радиокнопки, переключатели)

* Листы: внизу 📄: вторичное содержимое на экране нижн

* Листы: Боковые 📑: Вторичное содержимое, прикрепленное к боковой стороне экрана

* Боковые листы 📘: Вторичное содержимое, прикрепленное к боковой стороне

* Ползунки 🎚️: Выбор из диапазона значений

* Снэк-бары 🔔: Краткие обновления о процессах приложения внизу экрана

* Переключатели 🔄: Включение или выключение выбора элемента

* Вкладки 📑: Организация содержимого на разных экранах и в представлениях

* Текстовые поля ✍️: Разрешают пользователям вводить и редактировать текст в пользовательском интерфейсе

* Выбор времени ⏰: Помогают пользователям выбирать и устанавливать определенное время

* Подсказки 💡: Краткие описания элементов пользовательского интерфейса

🚀 Теперь доступно на CodeCanyon

Приобретите версию Material UIX на Kotlin — ваш полный набор инструментов для создания элегантных, современных и адаптивных пользовательских интерфейсов.

Шаблон современного приложения — адаптивный и настраиваемый набор пользовательского интерфейса для:

* Jetpack Compose

* Android Kotlin

* Flutter

👉 Получите его на CodeCanyon

https://codecanyon.net/user/boltuix