Designing with Jetpack Compose

Designing with Jetpack Compose

Collection of well-designed components for Android
Explore
Course app
Build a simple app that lists topics that navigates to a details screen on interaction
Compose Theming
Image from Coil
Scaffold
Compose Navigation
Custom Text Gradients using Canvas
View on GitHub
Learn Compose
Designing with Jetpack Compose
Draw boxes, rectangles, and auto layout them on code directly. 🎁
2h
Input in Compose
Users have things to say. Give them a voice 📣
3h
Navigation in Compose
Click a button and go to another page. Magic ✨
3h
Images
Build a gallery of images of your favorite photographer from the internet 📸
5h
Compose Canvas
PNGs are yesteryear. Draw logos on the canvas using shapes, paths, and a little math 🎨
4h
Login
A simple app with interesting shapes that helps understand the basics of Compose layout & forms
Custom Input Field
Customized Text Highlight
State hoisting
Custom Gradient Button
View on GitHub
Torus
Log in
App Drawer
An iOS like app drawer with background blur & a grid
Blur modifier
Ghost surface
Custom Icons
View on GitHub