TonnyL / Spark
Licence: mit
🎨 An Android library to create gradient animation like Instagram&Spotify
Stars: ✭ 669
Programming Languages
kotlin
9241 projects
Projects that are alternatives of or similar to Spark
Rhplaceholder
Show pleasant loading view for your users 😍
Stars: ✭ 238 (-64.42%)
Mutual labels: instagram, gradient
Clone Wars
100+ open-source clones of popular sites like Airbnb, Amazon, Instagram, Netflix, Tiktok, Spotify, Whatsapp, Youtube etc. See source code, demo links, tech stack, github stars.
Stars: ✭ 12,604 (+1784.01%)
Mutual labels: spotify, instagram
FCommunity
multi Checkers (Hma/Hulu/Spotify/Call of duty/Instagram/smtp2go/VyprVpn) in One Tool Named FCommunity
Stars: ✭ 26 (-96.11%)
Mutual labels: spotify, instagram
Flowing Gradient
Android Library to make a flowing gradient effect, similar to that used in Instagram Android login screen
Stars: ✭ 701 (+4.78%)
Mutual labels: instagram, gradient
Gatsby Remark Embedder
Gatsby Remark plugin to embed well known services by their URL.
Stars: ✭ 245 (-63.38%)
Mutual labels: spotify, instagram
Pastel
🎨 Gradient animation effect like Instagram
Stars: ✭ 3,355 (+401.49%)
Mutual labels: instagram, gradient
Oauth
🔗 OAuth 2.0 implementation for various providers in one place.
Stars: ✭ 336 (-49.78%)
Mutual labels: spotify, instagram
Spicetify Cli
Commandline tool to customize Spotify client. Supports Windows, MacOS and Linux.
Stars: ✭ 9,316 (+1292.53%)
Mutual labels: spotify
Lofi
🎵🔉 A mini Spotify player with WebGL visualizations.
Stars: ✭ 583 (-12.86%)
Mutual labels: spotify
Instagram Crawler
Get Instagram posts/profile/hashtag data without using Instagram API
Stars: ✭ 643 (-3.89%)
Mutual labels: instagram
Pytorch Cnn Visualizations
Pytorch implementation of convolutional neural network visualization techniques
Stars: ✭ 6,167 (+821.82%)
Mutual labels: gradient
Gradientloadingbar
⌛️A customizable animated gradient loading bar.
Stars: ✭ 569 (-14.95%)
Mutual labels: gradient
Instagramlikecolortransitionandroid
How to create instagram like Gradient color transition in android.📸
Stars: ✭ 586 (-12.41%)
Mutual labels: instagram
Instagram
The first Instagram website and lightweight API HTTP client
Stars: ✭ 581 (-13.15%)
Mutual labels: instagram
Spotify Downloader
Download your Spotify playlists and songs along with album art and metadata (from YouTube if a match is found).
Stars: ✭ 6,957 (+939.91%)
Mutual labels: spotify
Flexiblepagecontrol
A flexible UIPageControl like Instagram.
Stars: ✭ 638 (-4.63%)
Mutual labels: instagram
Spark
Create gradient animations like Instagram&Spotify.
Screenshots
Usage
private lateinit var _spark: Spark
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
_spark = Spark(frameLayout, Spark.ANIM_GREEN_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
custom_anim_list.xml
<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
android:oneshot="false">
<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.your_custom_anim_list, // Your custom animation
4000
)
Thanks
Designed by Alexander Zaytsev.
License
Spark is under the MIT license. See the LICENSE for more information.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].