RikkaUi

KO | EN

gitlite — search

#javascript #hacktoberfest #typescript #golang #machine-learning #macos #java #windows #awesome #vue #awesome-list #mcp #ios #open-source

(★ 160)

RikkaUI — composing elements into harmony. Shadcn/UI Inspired component library & design system for Jetpack Compose.

File Explorer

Download Latest Version (.zip)

- - rikka-auditor.md
  - rikka-component-writer.md
  - rikka-doc-writer.md
  - rikka-researcher.md
- launch.json
- - publish.yml
- - components_desktop.xml
  - components_js.xml
  - components_wasm_js.xml
  - composeApp_js.xml
  - composeApp_wasm_js.xml
  - creator_wasm_js.xml
  - docs_wasm_js.xml
  - foundation_desktop.xml
  - foundation_js.xml
  - foundation_wasm_js.xml
- - deviceStreaming.xml
- - Project_Default.xml
- .gitignore
- .name
- AndroidProjectSystem.xml
- claudeCodeTabState.xml
- compiler.xml
- gradle.xml
- kotlinc.xml
- ktlint-plugin.xml
- markdown.xml
- migrations.xml
- misc.xml
- runConfigurations.xml
- vcs.xml
- build.gradle.kts
- build.gradle.kts
- install.sh
- .gitignore
- build.gradle.kts
- build.gradle.kts
- preview.png
- - .gitignore
  - build.gradle.kts
- - build.gradle.kts
- .gitignore
- build.gradle.kts
- - gradle-wrapper.jar
  - gradle-wrapper.properties
- libs.versions.toml
.editorconfig
.gitignore
build.gradle.kts
build.sh
CLAUDE.md
gradle.properties
gradlew
gradlew.bat
local.properties
README.md
settings.gradle.kts

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# RikkaUI

**The shadcn/ui of Compose Multiplatform.**

*Beautiful, production-ready components. Zero Material3. Full ownership.*

_**UNDER ACTIVE DEVELOPMENT**_

<br/>

<img src="docs/preview.png" width="90%" alt="RikkaUI component preview"/>

<br/>

[**Live Demo & Docs**](https://www.rikkaui.dev) &nbsp;&bull;&nbsp; [**Quick Start**](#quick-start) &nbsp;&bull;&nbsp; [**Theming**](#theme-system) &nbsp;&bull;&nbsp; [**Components**](#components)

---

## The Problem

Every Compose developer is stuck between two bad options: fight Material3's opinions on every screen, or build everything from scratch. There's been nothing in between.

RikkaUI is the third option. **40+ production-ready components** built on `compose.foundation` only — no Material3 anywhere. Copy the source into your project, own it fully, and customize without limits.

The same philosophy shadcn/ui brought to the web, now for Compose Multiplatform.

---

## Quick Start

**Option 1 — Gradle dependency** *(fastest, great for prototyping)*

```kotlin
// build.gradle.kts
dependencies {
    implementation("dev.rikkaui:foundation:0.3.0") // theme system
    implementation("dev.rikkaui:components:0.3.0") // all components
}
```

```kotlin
RikkaTheme {
    Button(text = "Get Started", onClick = { })
}
```

> Works out of the box for native Android projects — no KMP setup needed.
> For Compose Multiplatform, add to your `commonMain` source set.

**Option 2 — CLI** *(copy-paste with a command, full ownership)*

```bash
curl -fsSL https://rikkaui.dev/install.sh | bash
```

Then in your project:

```bash
rikkaui init    # set up your project for RikkaUI
rikkaui add button card input   # copy components into your source
rikkaui list    # browse all available components
```

Components are copied directly into your source. You own the code — no version conflicts, no breaking updates, no opinions you can't change.

Only `foundation` is required as a Gradle dependency — it provides the theme system your copied components build on.

---

## Theme System

One line changes your entire app's personality:

```kotlin
// Style presets — shapes, spacing, motion, type scale
RikkaTheme(preset = RikkaStylePreset.Default) { }  // Balanced
RikkaTheme(preset = RikkaStylePreset.Nova) { }     // Sharp & dense
RikkaTheme(preset = RikkaStylePreset.Vega) { }     // Rounded & bouncy
RikkaTheme(preset = RikkaStylePreset.Aurora) { }   // Spacious & large
RikkaTheme(preset = RikkaStylePreset.Nebula) { }   // Square & tight

// Color palettes
RikkaTheme(palette = RikkaPalette.Zinc) { }    // Pure & clean
RikkaTheme(palette = RikkaPalette.Slate) { }   // Cool blue tint
RikkaTheme(palette = RikkaPalette.Stone) { }   // Warm earth tint

// Or just the defaults
RikkaTheme { }
```

5 palettes × 7 accent colors × light/dark mode. Every token is overridable.

---

## Components

40+ components, all built on `compose.foundation` only.

| Category | Components |
|----------|------------|
| Layout | Card, Separator, Scaffold, Scroll Area, Accordion, Collapsible, Table, List |
| Forms | Button, Icon Button, Input, Textarea, Select, Checkbox, Radio, Toggle, Toggle Group, Slider, Label |
| Data Display | Text, Badge, Avatar, Progress, Skeleton, Spinner, Kbd, Icon |
| Navigation | Tabs, Navigation Bar, Top App Bar, Breadcrumb, Pagination |
| Feedback | Dialog, Alert Dialog, Sheet, Toast, Alert, Tooltip, Popover, Hover Card |
| Overlay | Dropdown Menu, Context Menu |

Full docs and live previews at [rikkaui.dev](https://www.rikkaui.dev/#docs/components).

---

## Platform Support

| Platform | Status |
|----------|--------|
| Android | ✅ Stable |
| iOS | ✅ Stable |
| Desktop (JVM) | ✅ Stable |
| Web (WasmJs) | ✅ Stable |

---

*RikkaUI (六花) — composing elements into harmony.*

</div>

RikkaUi

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

RikkaUi

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README