UI/UX Design

この記事で学べること SearchBar（SearchBar、DockedSearchBar、検索履歴、サジェスト表示）を解説します。 ...

この記事で学べること Chip（AssistChip、FilterChip、InputChip、SuggestionChip）を解説します。 ...

この記事で学べること Shape（カスタムShape、GenericShape、クリッピング、波形/ダイヤモンド/星型）を解説します。 ...

Blur & Glassmorphism Effects: RenderEffect and Frosted Glass UI Modern UI designs...

What You'll Learn Circuit/Molecule pattern (Presenter separation, UI event-driven, state...

What You'll Learn Material3 Motion (container transform, shared axis transition, fade...

What You'll Learn Circuit/Molecule pattern (Presenter separation, UI event-driven, state...

What You'll Learn Material3 Motion (container transform, shared axis transition, fade...

What You'll Learn Advanced accessibility (custom actions, traversal order, live regions,...

What You'll Learn Robot pattern (test structuring, Page Object-like design, Compose UI...

Master CompositionLocal for theme management, dependency injection, and implicit parameter passing.

Master Compose stability annotations, compiler reports, and recomposition optimization techniques.

Custom Composable Design Patterns - Reusable UI Components in Jetpack Compose Building...

Optimize LazyColumn performance and add advanced scrolling features. Sticky Headers for...

Settings Screen in Compose — Switch, Slider & Selection Dialogs Create professional...

Context Menu in Compose Long-press interactions are crucial for rich UI experiences. Let's...

All Button Types in Compose — Button, IconButton & Toggle Guide Jetpack Compose...

LazyColumn Performance Optimization — key, contentType & Recomposition...

Master error handling in Compose with sealed classes, loading states, and retry mechanisms. ...

Learn how to implement Material You dynamic theming in Compose, adapting colors based on device...

Master list item design patterns in Jetpack Compose with practical examples for every use case. ...

Explore how to build a complete bottom navigation system in Jetpack Compose with badges, animations,...

Search Bar in Compose — SearchBar, Filtering & Debounce Material 3 SearchBar provides...

Dialog Implementation in Compose — AlertDialog, Input & Custom Dialogs Jetpack Compose...

Text Styling in Compose — AnnotatedString, SpanStyle & Rich Text Create rich text with...

Essential accessibility patterns for Jetpack Compose. Make your app inclusive with semantic descriptions, touch targets, and live regions.

Color Picker in Compose — Canvas-Based HSV Color Selection UI Building a color picker UI...

Infinite Scroll in Compose: Auto-Loading LazyColumn Implementation Implementing infinite...

Password Strength Checker in Compose: Validation UI with Indicator Building a robust...

Star Rating UI in Compose: Custom Rating Bar Implementation Building an interactive star...

SegmentedButton in Compose: iOS-Style Segment Control for Android Material Design 3...

ProgressIndicator in Compose: Loading States, Custom Progress & Overlays Loading...

Slider & Stepper in Compose: Numeric Input UI Patterns Building numeric input...

FloatingActionButton in Compose: All FAB Variants & Expandable Menu Floating Action...

Swipe Actions in Compose: SwipeToDismissBox Archive & Delete Patterns Swipe-to-dismiss...

Master FilterChip for single/multi-select filters and InputChip for deletable tags in Jetpack Compose Material3

Keyboard & IME in Compose: Soft Keyboard Control & Focus Management Managing the...

NavigationDrawer in Compose: Modal & Permanent Side Menu Guide Navigation drawers...

Shimmer Loading Effect: Skeleton Screen in Jetpack Compose Skeleton screens with shimmer...

Drag & Drop in Compose: Reorderable Lists & Swipe to Delete Building interactive,...

DatePicker & TimePicker in Compose: Material3 Date/Time Selection Jetpack Compose...

Compose State Management: Complete Guide from remember to UiState Jetpack Compose state...

Compose Shared Element Transitions: Seamless Screen Animations Jetpack Compose's...

LazyVerticalGrid & StaggeredGrid: Compose Grid Layout Guide Jetpack Compose's grid...

Compose Adaptive Layout & Bottom Navigation — Responsive Android UI Building...

State Management in Jetpack Compose: remember, mutableStateOf, and Beyond State management...

Jetpack Compose Animations: 4 Techniques to Make Your App Feel Alive Animation is the...

Building Forms in Jetpack Compose: TextField, Validation, and Submission Forms are a cornerstone of...