Pencil Loader Animation

Pencil Loader Animation with jetpack compose, The pencil is drawn with canvas 🖌 , I used a circular progress indicator with some linked keyframes for the animation 😄

Animation Preview

https://user-images.githubusercontent.com/41842296/211169448-b76d06a2-f83e-4133-a536-1db93f6cc84d.mp4

Gradle

You can use this loader in your own projects.

If you are using Groovy:

Add the dependency below to your module's build.gradle file:

dependencies {
    implementation "io.github.m0coding:pencilloader:1.0.0"
}

If you are using Kotlin:

Add the dependency below to your module's build.gradle.kts file:

dependencies {
    implementation("io.github.m0coding:pencilloader:1.0.0")
}

How to Use

You can simply call the PencilLoader composable function with fixed size and stroke size:

PencilLoader(
    strokeWidth = 14.dp,
    modifier = Modifier
        .size(200.dp)
)

Acknowledgements

• Graphics in compose
• Animation in compose

Authors

• @M0Coding

🔗 Links