Loaders Kit

Loaders Kit is a jetpack compose loader animations library based on Andrei Iancu’s Loader Kit 2 / Three Steps design specification.

Using Loaders Kit

Download

repositories {
  mavenCentral()
}

dependencies {
  implementation 'io.github.nouvell:loaderskit:1.0.0'
}

Usage

Import the loader you want use like in the example below: The name of the loader to use can be gleaned from the Reference Table.

// import the version of the loader you want to use
Loader02(  
    modifier = Modifier.size(150.dp),
    color = LoaderColor.Black
)

Custom Colors

Loaders Kit 2 provides three colors out of the box; LoaderColor.Black ,LoaderColor.White, LoaderColor.Rainbow. To use a custom color you can provide a Single or Multi color object.

// Single
Loader04(
    color = LoaderColor.Single(Color(0xFFFF00FF))
)


// Multi
Loader02( 
    color = LoaderColor.Multi(  
        listOf(  
            Color(0xFFEB5757),  
            Color(0xFFF2994A),  
            Color(0xFFF2C94C),  
            Color(0xFF9B51E0),  
        )  
    )  
)

Loader Reference

Loader Name	Preview
Loader01
Loader02
Loader03	Coming Soon
Loader04
Loader05	Coming Soon
Loader06
Loader07
Loader08
Loader09
Loader10
Loader11
Loader12
Loader13	Coming Soon
Loader14
Loader15
Loader16	Coming Soon
Loader17
Loader18	Coming Soon