How to Build a Drag and Drop Reorderable List with Jetpack Compose
What You Will Build A list of items that can be reordered by long-pressing and dragging. The dragged item elevates and scales up slightly…
How to Build a Tinder-Style Card Swipe with Jetpack Compose
What You Will Build A stack of cards where the top card can be swiped left or right with drag gestures. Swiping past a…
How to Build a Slide-to-Unlock Button with Jetpack Compose
What You Will Build A quiz app with a progress bar showing question position, question cards, multiple-choice options with color-coded feedback (green for correct,…
How to Build a Pulsing Heart Animation with Jetpack Compose Canvas
What You Will Build A fitness dashboard with a daily progress overview card, plus a list of tracked habits (Meditation, Exercise, Reading, Water, Sleep)…
How to Build an Image Color Picker with Jetpack Compose
What You Will Build A mathematically-drawn heart shape on Canvas that pulses continuously with an infinite transition and explodes in scale when tapped, using…
How to Build Pinch-to-Zoom with Jetpack Compose
What You Will Build A furniture e-commerce grid with a badged shopping cart, product cards featuring square image placeholders, pricing, and add-to-cart actions. This…
How to Build a 3D Parallax Card with Jetpack Compose
What You Will Build A QR code display and scanner interface that draws a QR code pattern using Compose Canvas, complete with a scan…
How to Build a Swipeable Boomerang Card Stack in SwiftUI
What You Will Build A stacked deck of cards where the front card can be swiped away and returns like a boomerang. Cards behind…
How to Build a Drag-to-Dismiss Card with Rubber Band Physics in SwiftUI
What You Will Build An increment/decrement counter where holding the +/- buttons auto-repeats using iOS 17's .buttonRepeatBehavior(.enabled). Each value change spawns a floating number…
How to Add Custom Swipe Actions to List Items in SwiftUI
What You Will Build A list where each row supports swipe gestures on both edges: swipe left to reveal Delete and Archive actions, swipe…
How to Build a Ruler-Style Bipolar Slider in SwiftUI
What You Will Build A five-star rating component where tapping a star fills all stars up to that level with a bounce animation. The…
How to Build a Holographic Card Effect with Drag Gesture in SwiftUI
What You Will Build A centered pop-up menu that appears over a dimmed background when triggered by a button tap. The menu lists navigation…