madewithcompose

Introduction: My compose experiments in one convenient location
More: Author   ReportBugs   
Tags:

Cool demos I've made with Compose that are somewhat worthy of sharing.

Twitter URL

Video Player

This is a Youtube like Video Player App that is completely written in #JetpackCompose using good old #ExoPlayer. IMO, It nicely demonstrates the smooth interoperability with the existing Android Views.

Dots And Lines

Made this animation as a background modifier in #JetpackCompose a while ago. So fun to just watch the dots travel, bond connections again and again. The responsiveness of canvas to configuration options is outstanding. Great work by the compose team

Schedule Calendar

Made this on-call schedule calendar with #JetpackCompose. RecyclerView & PageSnapHelper & Decorators & Multiple hacks for ripple & Text Drawing with more hacks VS one swipeable boi

Calendar

Implemented this calendar under 200 LoC using #JetpackCompose for Desktop (copy&paste for Android support 🙃). It wasn't so long ago that we had to use a 3rd party library to have this kind of functionality in our app.

Circles On Lines

I knew I had to try this out as soon as I saw it on Reddit. Although I couldn't get the math exactly right, it still looks fine.

Weight Entry

My last experiment with #JetpackCompose, a weight entry view. No LazyRow or anything. Just a simple Animatable float and draggable modifiers.

Markdown Editor

For this project, I wrote the first line of code around a year ago to have a composable Markdown renderer. Then, I completely forgot about why I even implemented the renderer Smiling face with open mouth and cold sweat This is a resurrection of my very old project Hugetwit (from 140 era)

Picture-in-Picture

Picture in Picture is one of those niche features that don't get much love but it's super important for video players. I tried running it using #JetpackCompose. It was ofc very trivial to update the UI Grinning face with smiling eyes

Text Lighting

This demo was inspired by light.cretu.dev. Using Experimental Brush API for TextStyle, we are able to shine a light of radial gradient on a background text composable.

Drawing text on a Path

Making the waves with Jetpack Compose

Variable Fonts

Variable fonts can be very awe-inspiring. Just by controlling two axes of Font loading via FontVariation.Settings, we can create an emoji face with a unique emotion.

All the credit goes to crt-mate

Apps
About Me
GitHub: Trinea
Facebook: Dev Tools