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 3D Flip Card Animation with Jetpack Compose
What You Will Build A card that flips around its X axis with a 3D perspective when tapped, revealing different content on the back.…
How to Build Parallax Scrolling Cards with Jetpack Compose
What You Will Build A scrollable list of gradient cards that shift position and scale based on their scroll offset, creating a parallax depth…
How to Build an Animated Share Button with Jetpack Compose
What You Will Build A share button that reveals social sharing options (Email, Message, Copy, More) with staggered scale-in animations when tapped. Each option…
How to Build an Animated Expanded Dropdown with Jetpack Compose
What You Will Build A dropdown menu that expands and collapses with smooth animations using AnimatedVisibility. Each option has an icon, title, and subtitle.…
How to Build a Liquid Wave Button with Jetpack Compose Canvas
What You Will Build A button with a live sine-wave animation drawn on a Canvas. The wave runs continuously across the button surface, and…
How to Build a Neon Glow Button with Jetpack Compose
What You Will Build A button with a pulsating neon glow effect behind it, created using an infinitely animating blurred background layer. The glow…
How to Build an Expandable Floating Action Button with Jetpack Compose
What You Will Build An expandable Floating Action Button (FAB) that reveals multiple action buttons when tapped. The main FAB rotates its icon while…
How to Build an Instagram-Style Social Feed with Jetpack Compose
What You Will Build A social media feed screen with user avatars, post content, like/comment/share action rows, and post timestamps. This recreates the core…
How to Build an Elastic Scroll Effect with Jetpack Compose graphicsLayer
What You Will Build A scrollable list where items progressively shrink and fade as they get farther from the top of the visible area,…
How to Build a Glamorous Onboarding Flow with Jetpack Compose
What You Will Build A scrollable list where items progressively shrink and fade as they get farther from the top of the visible area,…
How to Build Custom View Transitions with AnimatedVisibility in Jetpack Compose
What You Will Build A transition showcase screen with four different enter/exit animation styles - Slide, Scale, Rotate (fade+scale), and Fade+Slide - switchable via…