What is Lumo UI?
Lumo UI is a Gradle plugin that generates customizable Compose UI components directly into your project through a command-line interface. Unlike traditional component libraries, Lumo UI gives you complete ownership of the code by copying components into your codebase, allowing you to modify and customize them to fit your exact needs.Key features
CLI-based generation
Generate components using simple Gradle commands. No manual copying or setup required.
Full code ownership
Components are copied directly into your project. Modify, extend, or customize them however you want.
Cross-platform support
Works with both Android and Kotlin Multiplatform projects (Android, iOS, Desktop, Web).
30+ components
Includes buttons, cards, text fields, dialogs, navigation bars, tooltips, and more.
Theme system
Built-in theming with support for light and dark modes, customizable colors, and typography.
Production-ready
Components follow best practices with proper state management, accessibility, and animations.
Available components
Lumo UI provides a comprehensive set of components including:- Buttons: Primary, Secondary, Destructive variants with filled, outlined, elevated, and ghost styles
- Form inputs: TextField, Checkbox, RadioButton, Switch, Slider, OTPTextField
- Navigation: NavigationBar, TopBar, Scaffold
- Feedback: AlertDialog, ModalBottomSheet, Snackbar, ProgressIndicators, Tooltip
- Content: Card, Badge, Chip, Divider, Text, Icon, IconButton, Accordion
- Layout: Surface, SystemBars
- Theme: Complete theming system with Colors, Typography, and AppTheme
Try the demo app
Explore all components in the Lumo UI catalogue app:Google Play
Direct download
Get started
Quickstart
Get up and running with Lumo UI in minutes
Installation
Add the Gradle plugin to your project