SmoothMotion
Smooth Motion is a Kotlin library for simplifying animations and transitions in Jetpack Compose. It provides pre-built animations for common UI interactions and utility functions for implementing complex animations.
Install / Use
/learn @abdullahalhakimi/SmoothMotionREADME
SmoothMotion 🚀
SmoothMotion is a Kotlin library for Jetpack Compose that makes animations and transitions effortless.
It provides pre-built animations for common UI interactions and utility functions for complex effects — so you can focus on building beautiful UIs faster.
✨ Features
- 🎬 Ready-to-use loading & progress animations
- ⚡ Built for Jetpack Compose — clean & modern API
- 🎨 Customizable colors, sizes, and speeds
- 🪶 Lightweight, no unnecessary dependencies
- 🔧 Utility functions for advanced motion
▶️ Demo
https://github.com/user-attachments/assets/68e449a0-e938-4598-a290-958ba33e150a
Installation
Add the JitPack repository to your settings.gradle.kts
dependencyResolutionManagement {
repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
repositories {
google()
mavenCentral()
maven { url = uri("https://jitpack.io") }
}
}
Add the dependency to your build.gradle.kts
dependencies {
implementation ("com.github.abdullahalhakimi:SmoothMotion:1.0.1")
}
Examples
Drop Circle Progress
DropCircleProgress(
modifier = Modifier.size(90.dp),
backgroundColor = Color.Gray.copy(alpha = 0.2f),
color = MaterialTheme.colorScheme.primary,
)
Circled Dots Progress
CircledDotsProgress(
modifier = Modifier.size(90.dp),
backgroundColor = Color.Gray.copy(alpha = 0.2f),
color = MaterialTheme.colorScheme.primary,
)
Rotating Circle Progress
RotatingCircleProgress(
modifier = Modifier.size(90.dp),
color = MaterialTheme.colorScheme.primary
)
Rotating Filled Circle Progress
RotatingFilledCircleProgress(
modifier = Modifier.size(90.dp),
color = MaterialTheme.colorScheme.primary
)
Loading DotsAnimation
LoadingDotsAnimation(
circleSize = 20.dp,
spaceBetween = 10.dp,
travelDistance = 15.dp,
circleColor = MaterialTheme.colorScheme.primary
)
Outlined Loading Dots Animation
OutlinedLoadingDotsAnimation(
color = MaterialTheme.colorScheme.primary
)
✨ Requirements
- Any IDE with SDK installed (ie. Android Studio, VSCode, IntelliJ, etc)
- A little knowledge of Kotlin and Jetpack Compose.
- A brain to think 🤓🤓
📄 License
This project is licensed under the Apache License 2.0.
Related Skills
node-connect
354.0kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
112.2kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
354.0kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
354.0kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
