DesignSystem

Offers unified UI styling for Android and iOS applications, featuring flexible color palettes, typography, dimension systems, and dynamic theme switching for streamlined integration.

Android
JVM
iOS
Wasm
JS
GitHub stars6
Authorsyusuf0405
Dependents0
Creation dateover 1 year ago

Last activityover 1 year ago
Latest release1.0.1 (over 1 year ago)

📐 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)

dependencies {
    implementation("io.github.yusuf0405:designsystem:<latest-version>")
}

🚀 Usage

🔹 Typography

val typography = DesignSystemTheme.typography
Text("Hello, world!", style = typography.titleLarge.bold)

🔹 Color Palette

val colors = DesignSystemTheme.colors
Box(modifier = Modifier.background(colors.primary))

🔹 Dynamic Theme Switching

DesignSystemTheme(isDarkTheme = true) {
    // Your content
}

📜 License

This project is licensed under the MIT License.

Android
JVM
iOS
Wasm
JS
GitHub stars6
Authorsyusuf0405
Dependents0
Creation dateover 1 year ago

Last activityover 1 year ago
Latest release1.0.1 (over 1 year ago)

📐 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)

dependencies {
    implementation("io.github.yusuf0405:designsystem:<latest-version>")
}

🚀 Usage

🔹 Typography

val typography = DesignSystemTheme.typography
Text("Hello, world!", style = typography.titleLarge.bold)

🔹 Color Palette

val colors = DesignSystemTheme.colors
Box(modifier = Modifier.background(colors.primary))

🔹 Dynamic Theme Switching

DesignSystemTheme(isDarkTheme = true) {
    // Your content
}

📜 License

This project is licensed under the MIT License.