Designing with Code
Get freshly designed components made with Jetpack Compose to your inbox every week.
App Drawer
App Drawer
App Drawer
An iOS like app drawer with background blur & a grid
An iOS like app drawer with background blur & a grid
An iOS like app drawer with background blur & a grid
Blur modifier
Blur modifier
Ghost surface
Ghost surface
Custom Icons
Custom Icons
View on GitHub
Torus
Log in
Login
Login
Login
A simple app with interesting shapes that helps understand the basics of Compose layout & forms
A simple app with interesting shapes that helps understand the basics of Compose layout & forms
A simple app with interesting shapes that helps understand the basics of Compose layout & forms
Custom Input Field
Custom Input Field
Customized Text Highlight
Customized Text Highlight
State hoisting
State hoisting
Custom Gradient Button
Custom Gradient Button
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
Course app
Course app
Build a simple app that lists topics that navigates to a details screen on interaction
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
Compose Theming
Image from Coil
Scaffold
Compose Navigation
Custom Text Gradients using Canvas
View on GitHub
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
Designing with Jetpack Compose
Collection of well-designed components for Android
Explore
Designing with Jetpack Compose
Collection of well-designed components for Android
Explore
Designing with Code
Get freshly designed components made with Jetpack Compose to your inbox every week.
App Drawer
An iOS like app drawer with background blur & a grid
Blur modifier
Ghost surface
Custom Icons
View on GitHub
Torus
Log in
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
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
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
Designing with Jetpack Compose
Collection of well-designed components for Android
Explore