sinasamaki

In a past update, Airbnb added a month dial picker in their app that let users choose a month duration in the most delightful way.

In the last article, I introduced you to my new library, ChromaDial.

ChromaDial is my new library that helps you create Dials that are beautiful, easy and custom tailored to your needs. 0:00 /0:06 1× In this article, I will go over how to set up a basic Dial in your app.

If we want to draw and animate stripes in Jetpack Compose, we can use a gradient with its available options to achieve a design like this. 0:00 /0:04 1× Slider with a stripe pattern Manipulating Color Stops The trick is to position certain color stops rig…

CRT monitors have a distinct and nostalgic look: blurred edges, scan lines, slight color bleeding.

Glitch effects are a staple in sci-fi movies and cyberpunk games.

In the recently released Compose version 1.9.0, there is a new shadow api that helps us easily create drop and inner shadows.

In this article, we will learn how to draw some text on a path, inside a Compose canvas.

In this quick article, we will learn how to build a ribbon modifier that draws a path that wraps around any Compose UI element.

Want to create delightful path animations?

In this quick article, I will go over how I manage and develop with colors as I prototype new UI designs.

During the heights of popularity of skeuomorphic design, this brushed metal finish was one of the go-to textures for UI elements.

Recently, I launched a new Youtube channel with a video on mesh gradients.

Text field hints give a user an idea of what they should be filling in.

In the Material 3 docs, there are specifications and guidelines for a Centered Slider.

In a recent article, I wrote about how to create Overscroll animations, which we used to playfully communicate the bounds of a lazy list in Jetpack Compose.

A slider is a UI element that enables the user to select a value within a specified range.

Overscroll animations are used to indicate to the user when they have reached the bounds of a scrolling element.

Years ago, I laid my eyes on Flipboard's page turn animation and it was truly awe-inspiring.

One slightly overlooked part of a great UX is tactile feedback.

In this quick article, we shall be going over how to create this animation.

Neumorphism is a design style that utilizes soft shadows and highlights to give flat UI elements the slightest hint of depth.

In this article, we will create a bottom navigation bar in a glassmorphic design style.

Over a year ago, I wrote an article on implementing Pull to Refresh pattern with the accompanist library.

Using spring physics for UI animations produces realistic and delightful animations and have multiple benefits over time based animations.

To prompt the user with an important choice or urgent information, we can use a dialog.

Shake animations can add an engaging and dynamic touch in your UI.

In the last tutorial, we looked at how to create unique pager indicators.

In the previous parts of this series, we looked at how to set up the Pager and how to animate its transitions.

In part one of this series, we learned how to set up a Pager in Compose and how to control it.

Jetpack Compose 1.4.0 introduces a ViewPager that we can use to separate elements of our app into swipeable pages.

In this article, we will create a counter that animates when changed.

In the last article, I used an AGSL shader to recreate the Dynamic Island animations.

Welcome to my Made in Compose series where I attempt recreating UI and animations in Jetpack Compose and share my process.

Loading images, especially over a network, can be a daunting process.

Jetpack compose offers many different animation helper functions.

Welcome to the first post in my Made in Compose series where I attempt recreating UI and animations, in Jetpack Compose and share my process.

This is a common UI pattern to perform quick actions on lists of items.

Deprecated -> Go to updated article https://www.sinasamaki.com/custom-pull-to-refresh-in-jetpack-compose-2/ Pull to refresh is a common design pattern that is used by the user to refresh a list of items.

Screenshots are the first impression of the user on our app.

Jetpack compose is arguably one of the most exciting innovations in the world of Android development.

Jetpack Compose recently introduced a new function named movableContentOfin version 1.2.0-alpha03.

Jetpack Compose revamps the old way we used to handle themes in Android.

Bottom navigation UI is used to navigate between different top level screens in apps.