Material Design Components

Esses componentes são blocos de construção interativos para criar uma interface de usuário.

Catálogo M3 🚀

Este aplicativo é para fins de demonstração para desenvolvedores.

📚 Código-fonte: GitHub - Componentes do Material Design

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

📖 Documentação: Diretrizes do Material 3 2025

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

O Material é um sistema adaptável de diretrizes, componentes e ferramentas que oferecem suporte às melhores práticas de design de interface do usuário. Apoiado por código aberto, o Material agiliza a colaboração entre designers e desenvolvedores, ajudando as equipes a criar produtos atraentes rapidamente. 🌟

Componentes 🛠️

Os Componentes do Material são blocos de construção interativos para a criação de uma interface do usuário.

Aqui está a lista completa com os componentes adicionados:

* Adaptável 🖥️: Layouts flexíveis para vários tamanhos de tela

* Barras de Aplicativos: Inferior 📱: Barras de navegação e ação na parte inferior da tela

* Barras de Aplicativos: Superior 📍: Barras de navegação na parte superior da tela

* Pano de Fundo 🎨: Conteúdo em camadas com visualização frontal e traseira

* Emblemas 🔔: Emblemas para notificações ou status em elementos da IU (BadgeDrawable)

* Banners 📢: Mensagens temporárias para chamar a atenção do usuário

* Navegação Inferior 🧭: Alternar entre as visualizações da IU na parte inferior

* Planilhas Inferiores ⬇️: Conteúdo secundário ancorado na parte inferior da tela

* Botões 👆: Componentes principais para acionar ações em uma IU

* Botões: Botão de Ação Flutuante (FAB) ➕: Botões de ação flutuantes para ações primárias

* Menus FAB 🔄: Menus que se expandem a partir de FABs para itens relacionados Ações

* Cartões 🗂️: Exibe conteúdo e ações para um único assunto

* Carrossel 🎠: Coleção de itens roláveis ​​dentro e fora da tela

* Caixas de seleção ✅: Seleciona um ou mais itens ou ativa/desativa

* Fichas 🏷️: Insere informações, faz seleções, filtra ou aciona ações

* Tabelas de dados 📊: Organiza e exibe dados estruturados

* Seletores de data 📅: Seleciona uma data ou um intervalo de datas

* Caixas de diálogo ❗: Avisos importantes em um fluxo de usuário

* Divisores ➖: Linhas finas para agrupar conteúdo em contêineres

* Barra de ferramentas ancorada ⚓: Barras de ferramentas fixas para ações frequentes

* Barra de ferramentas flutuante 🛠️: Barras de ferramentas dinâmicas para ações contextuais

* Botões de ícones e segmentados 🖼️: Botões com ícones ou opções segmentadas para interação

* Listas de imagens 🖼️: Grade ou lista de imagens

* Listas 📋: Listas verticais para exibição de conteúdo

* Indicadores de Carregamento 🔄: Dicas visuais para processos de carregamento curtos

* MaterialTextView ✍️: Componente de exibição de texto aprimorado para o Material 3

* Menus 📜: Exibe uma lista de opções em uma superfície temporária

* Gaveta de Navegação 📂: Alterna entre as visualizações da IU em dispositivos maiores

* Trilho de Navegação 🚆: Alterna entre as visualizações da IU em dispositivos de médio porte

* Indicadores de Progresso ⏳: Exibe tempos de espera não especificados ou duração do processo

* Botões de Opção 🔘: Selecione uma opção de um conjunto

* Barra de Pesquisa 🔍: Insira palavras-chave ou frases para obter informações relevantes

* Controles de Seleção 🎚️: Gerencie as seleções do usuário (caixas de seleção, botões de opção, interruptores)

* Planilhas: Inferior 📄: Conteúdo secundário na parte inferior da tela

* Planilhas: Lateral 📑: Conteúdo secundário ancorado na lateral da tela

* Planilhas Laterais 📘: Conteúdo secundário ancorado na lateral

* Sliders 🎚️: Faça seleções entre uma variedade de valores

* Snackbars 🔔: Atualizações breves sobre os processos do aplicativo na parte inferior da tela

* Switches 🔄: Ative ou desative a seleção de um item

* Abas 📑: Organize o conteúdo em diferentes telas e visualizações

* Campos de Texto ✍️: Permita que os usuários insiram e editem texto em uma IU

* Seletores de Tempo ⏰: Ajude os usuários a selecionar e definir um horário específico

* Dicas de Ferramentas 💡: Descrições breves para elementos da IU

🚀 Agora disponível no CodeCanyon

Adquira a versão Kotlin do Material UIX - seu kit de ferramentas definitivo para criar interfaces de usuário elegantes, modernas e responsivas.

Modelo de Aplicativo Moderno – Um Kit de Interface de Usuário Responsivo e Personalizável para:

* Jetpack Compose

* Android Kotlin

* Flutter

👉 Obtenha no CodeCanyon

https://codecanyon.net/user/boltuix