Material Design Components

M3 Catalog 🚀

This app is for developer demo purposes.

📚 Source Code: GitHub - Material Design Components

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

📖 Documentation: Material 3 Guidelines 2025

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

Material is an adaptable system of guidelines, components, and tools that support the best practices of user interface design. Backed by open-source code, Material streamlines collaboration between designers and developers, helping teams quickly build beautiful products. 🌟

Components 🛠️

Material Components are interactive building blocks for creating a user interface.

Here's the comprehensive list with added components:

* Adaptive 🖥️: Flexible layouts for various screen sizes

* App Bars: Bottom 📱: Navigation and action bars at the screen bottom

* App Bars: Top 📍: Navigation bars at the top of the screen

* Backdrop 🎨: Layered content with a front and back view

* Badges 🔔: Badges for notifications or status on UI elements (BadgeDrawable)

* Banners 📢: Temporary messages for user attention

* Bottom Navigation 🧭: Switch between UI views at the bottom

* Bottom Sheets ⬇️: Secondary content anchored to the bottom of the screen

* Buttons 👆: Core components for triggering actions in a UI

* Buttons: Floating Action Button (FAB) ➕: Floating action buttons for primary actions

* FAB Menus 🔄: Menus expanding from FABs for related actions

* Cards 🗂️: Display content and actions for a single subject

* Carousel 🎠: Scrollable collection of items on and off screen

* Checkboxes ✅: Select one or more items or toggle on/off

* Chips 🏷️: Enter info, make selections, filter, or trigger actions

* Data Tables 📊: Organize and display structured data

* Date Pickers 📅: Select a date or range of dates

* Dialogs ❗: Important prompts in a user flow

* Dividers ➖: Thin lines to group content in containers

* Docked Toolbar ⚓: Fixed toolbars for frequent actions

* Floating Toolbar 🛠️: Dynamic toolbars for contextual actions

* Icon and Segmented Buttons 🖼️: Buttons with icons or segmented options for interaction

* Image Lists 🖼️: Grid or list of images

* Lists 📋: Vertical lists for content display

* Loading Indicators 🔄: Visual cues for short loading processes

* MaterialTextView ✍️: Enhanced text display component for Material 3

* Menus 📜: Display a list of choices on a temporary surface

* Navigation Drawer 📂: Switch between UI views on larger devices

* Navigation Rail 🚆: Switch between UI views on mid-sized devices

* Progress Indicators ⏳: Show unspecified wait times or process duration

* Radio Buttons 🔘: Select one option from a set

* Search Bar 🔍: Enter keywords or phrases for relevant information

* Selection Controls 🎚️: Manage user selections (checkboxes, radio buttons, switches)

* Sheets: Bottom 📄: Secondary content at the screen bottom

* Sheets: Side 📑: Secondary content anchored to the side of the screen

* Side Sheets 📘: Secondary content anchored to the side

* Sliders 🎚️: Make selections from a range of values

* Snackbars 🔔: Brief updates about app processes at screen bottom

* Switches 🔄: Toggle the selection of an item on or off

* Tabs 📑: Organize content across different screens and views

* Text Fields ✍️: Allow users to enter and edit text in a UI

* Time Pickers ⏰: Help users select and set a specific time

* Tooltips 💡: Brief descriptions for UI elements

🚀 Now Available on CodeCanyon

Purchase the Kotlin version of Material UIX - your ultimate toolkit for crafting sleek, modern, and responsive user interfaces.

Modern App Template – A Responsive and Customizable UI Kit for:

* Jetpack Compose

* Android Kotlin

* Flutter

👉 Get it on CodeCanyon

https://codecanyon.net/user/boltuix