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