Jetpack Compose Gallery

Jetpack Compose Gallery는 Jetpack Compose와 Material 3를 사용하여 개발하는 Android 개발자를 위한 실습형 레퍼런스 앱입니다.

엄선된 컴포넌트, UI 패턴, 애니메이션 모음을 살펴보세요. 각 컴포넌트는 실시간 인터랙티브 미리보기와 프로젝트에 바로 복사할 수 있는 Kotlin 소스 코드를 제공합니다.

컴포넌트

버튼, 텍스트 필드, 칩, 라디오 버튼, 스위치, 체크박스, 슬라이더,

배지, FAB, 내비게이션 바, 상단 앱 바 등

UI 패턴

카드, 다이얼로그, 스낵바, 진행 표시기, 목록, 구분선, 툴팁,

Material 3 전체 색상 팔레트 뷰어

애니메이션

페이드, 슬라이드, 스케일, 크로스페이드, animate*AsState, animateContentSize,

무한 전환, Spring과 Tween 사양 비교

주요 기능

실시간 미리보기 — 모든 구성 요소는 스크린샷이 아닌 완전한 상호 작용 기능을 제공합니다.

소스 보기 — 모든 화면에서 "코드 보기"를 탭하여 정확한 Kotlin 코드를 확인하세요.

클립보드 복사 — 탭 한 번으로 코드 조각을 복사할 수 있습니다.

구문 강조 표시 — Catppuccin 테마가 적용된 색상 코드 뷰어입니다.

검색 — 모든 카테고리에서 원하는 구성 요소를 즉시 찾을 수 있습니다.

다크 모드 — 밝은 테마와 어두운 테마를 완벽하게 지원합니다.

Material 3 — 최신 Material Design 가이드라인을 준수하여 제작되었습니다.

개발 도구

Jetpack Compose

Material 3

Navigation Compose

Compose를 처음 배우는 사용자이든, 차기 앱 개발 중 빠른 참조 자료를 찾는 사용자이든, Compose Gallery는 여러분에게 필요한 모든 것을 제공합니다.