TonnyL
Spark
Kotlin

๐ŸŽจ An Android library to create gradient animation like Instagram&Spotify

Last updated Mar 5, 2026
669
Stars
47
Forks
0
Issues
0
Stars/day
Attention Score
47
Language breakdown
No language data available.
โ–ธ Files click to expand
README

Spark

Build Status Download

Create gradient animations like Instagram&Spotify.

Screenshots

screenshot

Usage

private lateinit var _spark: Spark

override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main)

spark = Spark(frameLayout, Spark.ANIMGREEN_PURPLE, 4000) _spark.startAnimation() }

override fun onDestroy() { super.onDestroy()

_spark.stopAnimation() }

Installation

Gradle

dependencies {
    implementation 'io.github.tonnyl:spark:x.y.z'
}

Maven

<dependency>
  <groupId>io.github.tonnyl</groupId>
  <artifactId>spark</artifactId>
  <version>x.y.z</version>
  <type>pom</type>
</dependency>

Custom Gradient Colors

Spark has 3 built-in animation-lists, and you can custom your owns.

Create gradient drawables

purple_drawable.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

<gradient android:centerColor="#e459aa" android:endColor="#cd7be6" android:startColor="#f14589" android:type="linear" />

<corners android:radius="0dp" />

</shape>

yellow_drawable.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

<gradient android:centerColor="#F4A37B" android:endColor="#F08875" android:startColor="#F9CB87" android:type="linear"/>

<corners android:radius="0dp" />

</shape>

Create the Animation List

customanimlist.xml
<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:>

<item android:drawable="@drawable/yellow_drawable" android:duration="4500" />

<item android:drawable="@drawable/purple_drawable" android:duration="4500" />

</animation-list>

Apply Your Custom Animation List

_spark = Spark(
    frameLayout,
    R.drawable.yourcustomanim_list, // Your custom animation
    4000
)

Thanks

Designed by Alexander Zaytsev.

Sketch Gradients

License

Spark is under the MIT license. See the LICENSE for more information.

ยฉ 2026 GitRepoTrend ยท TonnyL/Spark ยท Updated daily from GitHub