curvedtext-kmp
0.0.2indexedRender text along circular arcs — upward or downward — with auto-sizing canvas, full typographic styling, and a drop-in UI component for decorative curved text.
1
Stars
—
Used by
dependents
—
Health
/ 100
CurvedText - KMP Curved TextView 🌈
A Kotlin Multiplatform Compose library that lets you render text curved along a circular arc — like a rainbow ☀️ or a frown 🙃. Works across Android, iOS, Desktop, and WebAssembly!
✨ Features
- 🌈 Upward curves — rainbow / smile style
- 🙃 Downward curves — frown / arc style
- 🎨 Fully styleable — color, font size, weight, family, letter spacing, decorations
- 📐 Auto-sizing canvas — the composable sizes itself to fit the text perfectly
- 🧩 Drop-in Composable — works just like
Text()
📱 Platform Support
| Platform | Supported |
|---|---|
| Android | ✅ |
| iOS | ✅ |
🚀 Installation
Add the dependency to your commonMain source set:
// build.gradle.kts
commonMain.dependencies {
implementation("com.dontsaybojio:curvedtext:x.x.x")
}
🛠️ Usage
Basic upward curve (rainbow 🌈)
CurvedText(
text = "Hello Rainbow Text!",
radius = 200.dp
)
Downward curve (frown 🙃)
CurvedText(
text = "Curved Downward",
radius = (-150).dp,
color = Color.Blue
)
With custom style
CurvedText(
text = "CURVED HEADLINE",
radius = 150.dp,
style = MaterialTheme.typography.headlineSmall.copy(
fontWeight = FontWeight.Bold,
color = Color(0xFF6200EE)
)
)
Mixing individual parameters
CurvedText(
text = "Stylish Curve ✨",
radius = 120.dp,
fontSize = 20.sp,
fontWeight = FontWeight.SemiBold,
color = Color(0xFFFF6B35),
letterSpacing = 2.sp
)
💡 Tip: A larger
radiuscreates a gentler, more subtle curve. A smallerradiuscreates a tighter, more dramatic arc!
📖 API Reference
CurvedText
@Composable
fun CurvedText(
text: String,
radius: Dp,
modifier: Modifier = Modifier,
style: TextStyle = LocalTextStyle.current,
color: Color = Color.Unspecified,
fontSize: = TextUnit.Unspecified,
fontStyle: ? = ,
fontWeight: ? = ,
fontFamily: ? = ,
letterSpacing: = TextUnit.Unspecified,
textDecoration: ? = ,
)
🙌 Contributing
Contributions are welcome! Feel free to open an issue or submit a pull request on GitHub. Whether it's a bug fix, a new feature idea, or just improving the docs — all help is appreciated! 💪