https://github.com/yusuf0405/designsystem
Kotlin Multiplatform (KMP) library for unified UI styling across Android and iOS applications.
https://github.com/yusuf0405/designsystem
android android-library compose-desktop compose-ios compose-library compose-multiplatform compose-multiplatform-library compose-ui design-system ios kmp kmp-library kotlin-multiplatform
Last synced: 8 months ago
JSON representation
Kotlin Multiplatform (KMP) library for unified UI styling across Android and iOS applications.
- Host: GitHub
- URL: https://github.com/yusuf0405/designsystem
- Owner: yusuf0405
- Created: 2025-01-20T22:53:48.000Z (11 months ago)
- Default Branch: master
- Last Pushed: 2025-01-21T01:46:19.000Z (11 months ago)
- Last Synced: 2025-02-16T09:29:31.063Z (10 months ago)
- Topics: android, android-library, compose-desktop, compose-ios, compose-library, compose-multiplatform, compose-multiplatform-library, compose-ui, design-system, ios, kmp, kmp-library, kotlin-multiplatform
- Language: Kotlin
- Homepage:
- Size: 1.13 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.MD
Awesome Lists containing this project
README
# 📐 Design System KMP
**Design System KMP** is a Kotlin Multiplatform (KMP) library for unified UI styling across Android and iOS applications. It provides typography, colors, spacing, and other design system components.
## 🔧 Features
- 🎨 **Flexible color palette** (light and dark themes)
- ✍ **Typography based on Compose Multiplatform**
- 📏 **Dimension system (spacing, element sizes)**
- 🌍 **KMP support for Android and iOS**
- 📦 **Easy integration**
## 📦 Installation
Add the library to your project dependencies:
### Gradle (Kotlin DSL)
```kotlin
dependencies {
implementation("io.github.yusuf0405:designsystem:")
}
```
## 🚀 Usage
### 🔹 Typography
```kotlin
val typography = DesignSystemTheme.typography
Text("Hello, world!", style = typography.titleLarge.bold)
```
### 🔹 Color Palette
```kotlin
val colors = DesignSystemTheme.colors
Box(modifier = Modifier.background(colors.primary))
```
### 🔹 Dynamic Theme Switching
```kotlin
DesignSystemTheme(isDarkTheme = true) {
// Your content
}
```
## 📜 License
This project is licensed under the MIT License.