A high-energy Compose Multiplatform UI component library.

Bold typography. Kinetic interactions. Neon-saturated design system.

A few sample screens from Pop* components — each rendered in light and dark themes. Explore more here.

Sample	Light	Dark
Hero Pulse Card Composite banner card with pulse accent.
Analytics Charts PopChart in line, bar, and donut variants.
Live Ledger Cards Data rows, badges, and pills composed into a feed.

• Android (API 24+)
• iOS (arm64 + simulatorArm64)
• Desktop (JVM)

// build.gradle.kts
dependencies {
    implementation("co.tanay:compose-electric-pop:0.0.1")
}

ElectricPopTheme {
    PopButton(onClick = { /* … */ }) {
        Text("Get Started")
    }
}

Electric Pop ships with an opinionated default theme but supports full customization:

ElectricPopTheme(
    darkTheme = true,
    colorScheme = yourCustomColorScheme,
    typography = yourCustomTypography,
) {
    // Your UI — all Pop components automatically use your theme
}

The library ships 27 components across three tiers:

• 20 foundation (co.tanay.electricpop.foundation) — buttons, fields, chips, surfaces, icons, typography primitives.
• 6 composite (co.tanay.electricpop.composite) — banner cards, dashboard cards, action cards, carousels.
• 1 chart (co.tanay.electricpop.chart) — PopChart with PopChartStyle.Line, Bar, Donut.

For the full component reference — API, parameters, and inline light + dark screenshots — see the published Dokka site:

📖 https://tanaykumarbera.github.io/compose-electric-pop/api/

Electric Pop is built on the "Kinetic Pulse" design language: tonal hierarchy instead of borders, glow instead of grey shadow, type as object. The 7 design rules every component enforces — plus the full theme architecture, color palette, typography, shape, and spacing token tables — are documented in DESIGN.md.

Highlights:

• Colors: Electric Lime (#CAFD00), Neon Magenta (#FFBDF3), Cyber Cyan (#00FFFF)
• Typography: Space Grotesk (headlines), Manrope (body)
• Shapes: Squircle corners (continuous curvature, not rounded rectangles)
• Interactions: Kinetic hover (1.05×) and active (0.95×) scaling

Apache License 2.0