Iconsanimated

Storm

A storm cloud with a lightning bolt that double-flashes, for severe weather or power events.

Installation

caveui components are copy-paste Jetpack Compose built entirely on Material 3 — there's no caveui dependency to add. Make sure Material 3 is on your classpath (it ships with the Compose BOM), then copy the Usage snippet below into your project.

kotlin

// build.gradle.kts (module)
dependencies {
    implementation(platform("androidx.compose:compose-bom:2025.06.00"))
    implementation("androidx.compose.material3:material3")
}

Usage

kotlin

@Composable
fun ThunderCloud() {
    val flash by rememberInfiniteTransition(label = "th").animateFloat(
        0.15f, 1f, infiniteRepeatable(keyframes {
            durationMillis = 2000; 0.15f at 0; 1f at 120; 0.3f at 240; 1f at 360; 0.15f at 600
        }), label = "f")
    Box(Modifier.size(40.dp)) {
        Icon(Icons.Filled.Cloud, null, tint = LocalContentColor.current, modifier = Modifier.size(28.dp).align(Alignment.TopCenter))
        Icon(Icons.Filled.Bolt, "Lightning", tint = Color(0xFFF59E0B).copy(alpha = flash),
            modifier = Modifier.size(18.dp).align(Alignment.BottomCenter))
    }
}