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