kmp-glassmorphism-ui

Implement glassmorphism UI components across Kotlin Multiplatform targets.

5|Updated Mar 30, 2026
One-click install
npx skills add https://github.com/Aks-4125/kmp-glassmorphism-skill --skill kmp-glassmorphism-ui
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: kmp-glassmorphism-ui
Source: https://github.com/Aks-4125/kmp-glassmorphism-skill/tree/main
Command: npx skills add https://github.com/Aks-4125/kmp-glassmorphism-skill --skill kmp-glassmorphism-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Glassmorphism UI patterns are visually compelling but hard to implement consistently across Kotlin Multiplatform projects. This Skill provides a production-ready design system with a themed set of Glass components, a blurred, translucent aesthetic, and an animated background to speed up delivery and maintain visual consistency.

Core Features & Use Cases

  • GlassTheme: a consistent dark/light theming system based on Material3.
  • GlassSurface, GlassCard, GlassButton, GlassTextField, GlassDropdown, GlassRichDropdown, GlassChatBubble, GlassSidebar, LiquidBackground: ready-to-use building blocks for modern UI.
  • Platform coverage: Desktop JVM, Android, iOS, WASM, with transparency support guidance and tokens.
  • Quick-start scenarios: Rapidly scaffold a KMP app with a glass UI, apply theme at root, and compose screens with the provided components.

Quick Start

Add the provided GlassTheme and LiquidBackground at the app root and begin composing screens with Glass* components.

Frequently Asked Questions about kmp-glassmorphism-ui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement glassmorphism UI in a Kotlin Multiplatform app?

Implement glassmorphism UI in a Kotlin Multiplatform app by applying a themed design system with translucent surfaces, blurred backgrounds, and ready-to-use components to maintain visual consistency across platforms.

Does Compose Multiplatform support glassmorphism components on iOS and WASM?

Yes, Compose Multiplatform supports glassmorphism components across desktop JVM, Android, iOS, and WASM, providing transparency guidance and visual tokens to ensure consistent glass UI rendering on each platform.

What is the best way to create a consistent glass UI design system across multiple platforms?

The best way to create a consistent glass UI design system across multiple platforms is using a pre-built component set with Material3-based theming, covering elements like cards, buttons, text fields, and sidebars.

Do I need Material3 and Compose Multiplatform to build a glass UI in Kotlin?

Yes, you need Kotlin 1.9+, Compose Multiplatform 1.5.0+, Material3, and Material Icons Extended to build a glass UI in Kotlin, as the theming system and components rely on these frameworks to function.

How do I add a blurred animated background to a Kotlin Multiplatform screen?

Add a blurred animated background to a Kotlin Multiplatform screen by placing a LiquidBackground component at the app root alongside the GlassTheme, then compose your screens with the provided glass components on top.