How to Build a Disney Plus Splash Screen with 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…
How to Build a Snap Page Transition with Vertical Swipe in Jetpack Compose
What You Will Build A vertical page-snapping interface where swiping up or down transitions to the next or previous page with a slide+fade animation.…
How to Build a Safari-Style Bottom Tab Bar with Jetpack Compose
What You Will Build A browser-style interface with a Safari-inspired bottom navigation bar featuring a URL input field, navigation arrows, share button, bookmarks, and…
How to Build a Draggable Floating Window with Jetpack Compose
What You Will Build A browser-style interface with a Safari-inspired bottom navigation bar featuring a URL input field, navigation arrows, share button, bookmarks, and…
How to Build a Collapsible Animated Header with Jetpack Compose
What You Will Build A floating window overlay that the user can drag anywhere on screen, expand/collapse, and dismiss. The window appears with a…
How to Build an Interactive Animated Tab Bar with Jetpack Compose
What You Will Build A custom bottom tab bar where the selected tab bounces upward with a spring animation, scales up, and shows a…
How to Build a Twitter-Style Collapsible Profile Header with Jetpack Compose
What You Will Build A custom bottom tab bar where the selected tab bounces upward with a spring animation, scales up, and shows a…
How to Build a Neon Glow Effect with Jetpack Compose
What You Will Build A profile page with a cover photo that shrinks as you scroll, an avatar that overlaps the cover edge, follower…
How to Build a Photo Gallery Grid with Jetpack Compose LazyVerticalGrid
What You Will Build Neon-styled UI elements that pulse with a glow effect: a neon text heading, a glowing circle with multiple glow rings,…
How to Build a Digital Wallet App UI with Jetpack Compose
What You Will Build A scrollable list with a gradient hero header that moves at half the scroll speed, creating a depth parallax effect.…
How to Build a Metaball Effect with Jetpack Compose
What You Will Build A scrollable list with a gradient hero header that moves at half the scroll speed, creating a depth parallax effect.…
How to Build a Scroll Parallax Header with Jetpack Compose
What You Will Build A scrollable list with a gradient hero header that moves at half the scroll speed, creating a depth parallax effect.…