Material Design Components

M3 카탈로그 🚀

이 앱은 개발자 데모용입니다.

📚 소스 코드: GitHub - Material Design Components

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 컴포넌트는 사용자 인터페이스를 제작하기 위한 인터랙티브 구성 요소입니다.

추가된 구성 요소를 포함한 전체 목록은 다음과 같습니다.

* 적응형 🖥️: 다양한 화면 크기에 맞춰 유연한 레이아웃을 제공합니다.

* 앱 바: 하단 📱: 화면 하단에 있는 탐색 및 작업 바

* 앱 바: 상단 📍: 화면 상단에 있는 탐색 바

* 배경 🎨: 앞면과 뒷면이 보이는 레이어드 콘텐츠

* 배지 🔔: UI 요소의 알림 또는 상태 배지(BadgeDrawable)

* 배너 📢: 사용자의 주의를 끌기 위한 임시 메시지

* 하단 탐색 🧭: 하단에서 UI 뷰 간 전환

* 하단 시트 ⬇️: 화면 하단에 고정된 보조 콘텐츠

* 버튼 👆: UI에서 작업을 트리거하는 핵심 구성 요소

* 버튼: 플로팅 작업 버튼(FAB) ➕: 주요 작업을 위한 플로팅 작업 버튼

* FAB 메뉴 🔄: 관련 작업을 위해 FAB에서 확장되는 메뉴

* 카드 🗂️: 단일 주제에 대한 콘텐츠 및 작업 표시

* 캐러셀 🎠: 화면 안팎으로 스크롤 가능한 항목 모음

* 체크박스 ✅: 하나 이상의 항목을 선택하거나 켜기/끄기 토글

* 칩 🏷️: 정보 입력, 선택, 필터링 또는 작업 트리거

* 데이터 테이블 📊: 구조화된 데이터 구성 및 표시

* 날짜 선택기 📅: 날짜 또는 날짜 범위 선택

* 대화상자 ❗: 사용자 흐름의 중요한 프롬프트

* 구분선 ➖: 컨테이너에 콘텐츠를 그룹화하는 얇은 선

* 고정된 도구 모음 ⚓: 자주 사용하는 작업을 위한 고정 도구 모음

* 플로팅 도구 모음 🛠️: 상황에 맞는 작업을 위한 동적 도구 모음

* 아이콘 및 세그먼트 버튼 🖼️: 상호작용을 위한 아이콘 또는 세그먼트 옵션이 있는 버튼

* 이미지 목록 🖼️: 그리드 또는 이미지 목록

* 목록 📋: 콘텐츠 표시를 위한 세로 목록

* 로딩 표시기 🔄: 짧은 로딩 프로세스를 위한 시각적 신호

* MaterialTextView ✍️: Material 3용 향상된 텍스트 표시 구성 요소

* 메뉴 📜: 임시 화면에 선택 항목 목록 표시

* 내비게이션 서랍 📂: 대형 기기에서 UI 뷰 간 전환

* 내비게이션 레일 🚆: 중간 크기 기기에서 UI 뷰 간 전환

* 진행률 표시기 ⏳: 지정되지 않은 대기 시간 또는 프로세스 지속 시간 표시

* 라디오 버튼 🔘: 세트에서 하나의 옵션 선택

* 검색창 🔍: 관련 정보를 위한 키워드 또는 구문 입력

* 선택 컨트롤 🎚️: 사용자 선택 항목 관리(체크박스, 라디오 버튼, 스위치)

* 시트: 하단 📄: 화면 하단에 있는 보조 콘텐츠

* 시트: 측면 📑: 화면 측면에 고정된 보조 콘텐츠

* 측면 시트 📘: 측면에 고정된 보조 콘텐츠

* 슬라이더 🎚️: 다음에서 선택 값 범위

* 스낵바 🔔: 화면 하단에 앱 프로세스에 대한 간략한 업데이트 표시

* 스위치 🔄: 항목 선택 켜기/끄기

* 탭 📑: 다양한 화면과 뷰에 걸쳐 콘텐츠 구성

* 텍스트 필드 ✍️: 사용자가 UI에서 텍스트를 입력하고 편집할 수 있도록 지원

* 시간 선택기 ⏰: 사용자가 특정 시간을 선택하고 설정할 수 있도록 지원

* 도구 설명 💡: UI 요소에 대한 간략한 설명

🚀 CodeCanyon에서 지금 이용 가능

세련되고 현대적이며 반응형 사용자 인터페이스를 제작하는 최고의 툴킷인 Material UIX Kotlin 버전을 구매하세요.

현대적인 앱 템플릿 - 다음을 위한 반응형 및 사용자 정의 가능한 UI 키트:

* Jetpack Compose

* Android Kotlin

* Flutter

👉 CodeCanyon에서 다운로드하세요

https://codecanyon.net/user/boltuix