Custom Tabs using Jetpack Compose

By the end, we would be creating a Tab Layout like this using Jetpack Compose.

We are not using the default Tab Composable provided by Jetpack Compose since the Indicator will be always the topmost layer in it. 
Having the indicator as the…

Swipe Button using Jetpack Compose

SwipeIndicator

Input Selection Using Bottom Sheet in Jetpack Compose

Typewriter animation in Jetpack Compose

Typewrite animation using Jetpack Compose based on Flutter animated_text_kit package.

There are a lot of cool text animations in the Flutter animated_text_kit package. We are going to create the Typewriter animation using Jetpack…

Emojis 💗 in Jetpack Compose

Emojis are Unicode characters. So when we think about displaying emojis, the first thought would be to show…

Page Indicator with Jetpack Compose using Canvas and animations

When using a view pager, To indicate the currently selected page we use a page indicator.

For use cases like onboarding page, a simple page indicator with few dots and noticeable selected page…

Smiley 😍 Rating Bar using Jetpack Compose

Smiley rating bar using Jetpack Compose

Custom UI Components using Jetpack Compose Canvas based on NeoPoP Design — Part 1 (Radio Button)