Sid Patil

code
search
dark_mode
person_outline

Holi: A library of colors, gradients and utils for Jetpack Compose

calendar_today favorite_border 1.3K views hourglass_empty 3 min read science Projects Compose bookmark_border Featured in Android Weekly Issue #460 code Open-sourced on Google Developers Library

A library of colors, gradients and utils built using Jetpack Compose for Android

Holi is a library of over 450 colors and cool gradient building functions for Jetpack Compose

License MIT Maven Central

Features

  • A wide collection of colors from different palettes for easy access in your pet projects
  • Provides easy gradient building functions that all your composable brushes need
  • Just 28 KB in size! Over 450 predefined colors and endless gradients.

Color Palettes

  • Material Colors
  • Flat Colors
  • Cool Colors
  • Dracula Colors

Color palette showcase

Cool Colors Material colors Flat colors Dracula colors

Gradient mixer showcase

Directional Gradients Directional multi color gradients

Using colors

You can simply pick colors by using the container objects for each palette and profit.

Eg.

   MaterialColor.RED
   CoolColor.FIREBRICK
   FlatColor.EMERLAND
   DraculaColor.YELLOW

Holi is a library of over 450 colors and cool gradient building functions for Jetpack Compose

Palette references

Using Gradients

Using gradients is super easy with Holi, just use GradientMixer and choose from various gradient brush generating functions.

1. Mixing two colors

   GradientMixer.bottomLeftToTopRight(MaterialColor.RED,MaterialColor.GREEN)

2. Mixing more than two colors

   GradientMixer.topRightToBottomLeft(
    listOf(MaterialColor.RED,
    MaterialColor.GREEN,
    MaterialColor.PURPLE)
    )

3. Reversing gradients

   GradientMixer.rightToLeft(FlatColor.CARROT,FlatColor.POMEGRANATE,reversed = true)
Holi is a library of over 450 colors and cool gradient building functions for Jetpack Compose

Holi’s GradientMixer is a container for gradient (Compose Brush) generating functions. These functions act as wrappers around Compose’s gradient generators so that you don’t have to figure out offset values with their directions. The idea behind this gradient mixer is easy access to gradient building.

How to use

Holi is available on MavenCentral, declare maven central in your repositories and implement the latest version in dependencies.

Step 1. Add to repositories

allprojects {
    repositories {
        mavenCentral()
    }
}

Step 2. Add in dependencies

dependencies {
    implementation 'com.siddroid:holi:$latest_version'
}

Source

Licensing

  MIT License
 
  Copyright (c) 2021 Siddhesh Patil, Siddroid.com
 
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
  in the Software without restriction, including without limitation the rights
  to use, copy, modify, merge, publish, distribute, sublicense, andor sell
  copies of the Software, and to permit persons to whom the Software is
  furnished to do so, subject to the following conditions:
 
  The above copyright notice and this permission notice shall be included in all
  copies or substantial portions of the Software.
 
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  SOFTWARE.
 

Disclaimer

Holi uses color palettes from the reference sites, these colors / swatches are free to use. A big thanks to the maintainers for making these color palettes.

About the author

Siddhesh Patil is an Android Engineer at DeliveryHero. Building core ordering experiences at Foodpanda and Foodora. He is the organzier of Kotlin Mumbai, a developer community in Mumbai, India. Find talks, articles and latest developments in Android and Kotlin on this website siddroid.com

Sid Patil is an Android Engineer and Kotlin Advocate based in Berlin, Germany. He works at Delivery Hero, building ordering experiences for food delivery and Q-commerce brands like Foodpanda and Foodora.

Share on

book

More articles to read