shadcn-compose is a shadcn/ui-inspired component library for Compose Multiplatform (Android, iOS, Desktop, and Web).

Features 70+ components built on token-based theming with zero Material dependencies.

Live Demo | Component Catalog

# gradle/libs.versions.toml
[versions]
shadcn-compose = "0.2.7"

[libraries]
shadcn-compose = { module = "io.github.ronjunevaldoz:shadcn-compose", version.ref = "shadcn-compose" }

// build.gradle.kts
kotlin {
    sourceSets {
        commonMain.dependencies {
            implementation(libs.shadcn.compose)
        }
    }
}

[!NOTE] Compatibility: Requires Compose Multiplatform 1.11.1+ and Kotlin 2.4.0+. Add @file:OptIn(ExperimentalFoundationStyleApi::class) to files referencing component styles.

@Composable
fun App() {
    ShadcnTheme {
        ShadcnButton(onClick = { /* ... */ }) {
            ShadcnText("Click Me")
        }
    }
}

Using shadcn-compose with an AI coding assistant? Install our source-verified skills from kmp-agent-skills:

npx skills add ronjunevaldoz/kmp-agent-skills

• kmp-shadcn-compose: Component signatures & theme setup.
• kmp-shadcn-compose-layouts: Page layouts, form patterns & layout gap audit.

• /shadcn/core — Published component library (Shadcn*).
• /app/shared — Catalog and documentation web/app UI.
• /app/desktopApp, /app/androidApp, /app/webApp, /app/iosApp — Platform targets.

./gradlew build                          # Build all targets
./gradlew :app:desktopApp:run            # Run catalog app (Desktop)
./gradlew :shadcn:core:jvmTest           # Run unit & Roborazzi screenshot tests

Contributions are welcome! Please read CONTRIBUTING.md for development setup, testing, and contribution guidelines.

Apache License 2.0.