Skip to content

Nouvell/LoadersKit

Repository files navigation

Loaders Kit

Maven Central
GitHub license

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