This post is originally written on SemicolonSpace Blog.

#1:

This is a loading dialog box. It contains a CircularProgressIndicator with gradient background. The animation is implemented with infinite transition API.

Source Code: Loading Dialog

#2:

It is a delete confirmation pop-up box.

Source Code: Delete Dialog 1

#3:

It looks beautiful. It is the same as the above one but the icon is placed at the top center of the box and the buttons are changed a little bit.

Source Code: Delete Dialog 2

#4:

It is a 2 FA dialog box. It has two buttons. The positive button is for setting up the 2 step verification and the negative one is to dismiss the dialog.

Source Code: 2-FA Pop-up Dialog

#5:

This is a full-screen dialog. It shows a congratulations message and a share button.

Source Code: Full-Screen Dialog

Thanks for reading. These are the custom dialog designs I made with Jetpack Compose. If you have any doubts or suggestions, leave a comment below.