TheGlowingLoader
TheGlowingLoader is the highly configurable library to indicate progress and is natively created for Android Platform. It is an implementation of a design composed by Shashank Sahay.
Install / Use
/learn @varunest/TheGlowingLoaderREADME
TheGlowingLoader
Android Library which is the implementation of The Glowing Loader created by Shashank Sahay.
I have made it so that it can be easily customized. You can change line stroke width, line colors, particle colors, disable several effects etc.
Library supports OS on API 14 and above.
Here is how the loader looks by default:

But you can also tweak it according to your need:
| Example A | Example B|
| ------------- | ------------- |
|
|
|
Dependency
Add it in your root build.gradle at the end of repositories:
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}
and then add dependency
dependencies {
implementation 'com.github.varunest:TheGlowingLoader:1.0.7'
}
Usage
<com.varunest.loader.TheGlowingLoader
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent" />
Attributes
<attr name="theglowingloader_line_1_color" format="reference" />
<attr name="theglowingloader_line_2_color" format="reference" />
<attr name="theglowingloader_line_stroke_width" format="integer" />
<attr name="theglowingloader_ripple_color" format="reference" />
<attr name="theglowingloader_particle_1_color" format="reference" />
<attr name="theglowingloader_particle_2_color" format="reference" />
<attr name="theglowingloader_particle_3_color" format="reference" />
<attr name="theglowingloader_disable_shadows" format="boolean" />
<attr name="theglowingloader_disable_ripple" format="boolean" />
<attr name="theglowingloader_shadow_opacity" format="float" />
You can also access and modify all these attributes at runtime by getting the reference of TheGlowingLoader and calling its setConfiguration method.
Inspiration
This library was a result of challenge hosted by Uplabs
Contribution
Any contributions, large or small,features, bug fixes are welcomed and appreciated. Use pull requests, they will be thoroughly reviewed and discussed.
License
Library falls under Apache 2.0
Related Skills
diffs
344.4kUse the diffs tool to produce real, shareable diffs (viewer URL, file artifact, or both) instead of manual edit summaries.
clearshot
Structured screenshot analysis for UI implementation and critique. Analyzes every UI screenshot with a 5×5 spatial grid, full element inventory, and design system extraction — facts and taste together, every time. Escalates to full implementation blueprint when building. Trigger on any digital interface image file (png, jpg, gif, webp — websites, apps, dashboards, mockups, wireframes) or commands like 'analyse this screenshot,' 'rebuild this,' 'match this design,' 'clone this.' Skip for non-UI images (photos, memes, charts) unless the user explicitly wants to build a UI from them. Does NOT trigger on HTML source code, CSS, SVGs, or any code pasted as text.
openpencil
2.0kThe world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.
ui-ux-pro-max-skill
56.5kAn AI SKILL that provide design intelligence for building professional UI/UX multiple platforms
