How to Build a Custom Calendar Grid with Jetpack Compose
What You Will Build A monthly calendar grid with day-of-week headers, selectable date cells arranged in a 7-column grid, and a detail card showing…
How to Build a Custom Calendar Date Picker with Jetpack Compose
What You Will Build A WhatsApp-inspired chat list where tapping a contact's avatar triggers a hero animation that scales the profile picture to full…
How to Build an E-Commerce Product Grid with Jetpack Compose
What You Will Build A financial dashboard showing a balance summary card with income and expenses breakdown, plus a scrollable transaction list with color-coded…
How to Build an iOS Control Center Clone with Jetpack Compose
What You Will Build A dark-themed control center panel with toggle icons arranged in a grid row, plus a now-playing music card, replicating the…
How to Build a Drag-to-Reorder Grid with SwiftUI Transferable
What You Will Build A color grid where items can be dragged and dropped to rearrange their positions with smooth bouncy animations. A toolbar…
How to Build a Color Picker Grid with Selection Animation in SwiftUI
What You Will Build A grid of 12 color swatches that respond to taps with a spring scale animation. The selected color displays a…
How to Build an Editable Grid with Add and Remove Animations in SwiftUI
What You Will Build An adaptive grid of colored cards that supports an edit mode. In edit mode, cards wiggle with a repeating animation…
How to Build a Phone-Style Numeric Keypad in SwiftUI
What You Will Build A card that flips between front and back faces with a realistic 3D rotation around the Y-axis. The front face…
How to Build a Gesture-Driven Magnification Grid in SwiftUI
What You Will Build A grid of rounded rectangles that magnify near your finger as you drag, creating a fisheye lensing effect. Apple uses…