Documentation

From visual theme decisions to developer-ready code.

Learn how to create app themes and export CSS, JSON, Flutter ThemeData, Jetpack Compose, Android XML, SwiftUI and React Native theme code.

1. Build the visual theme

Open the editor, choose a UI system, then adjust semantic colors, typography, radius, spacing, shadows, navigation and component styles. Check the result on more than one screen template and device size.

2. Verify accessibility

Use the contrast checker to test text against the selected background. Treat the result as an early warning and verify final components in your production app.

Flutter ThemeData

Pro export generates a Dart starting point using ColorScheme and ThemeData values. Review component states and platform behavior before release.

Jetpack Compose

Pro export creates Kotlin color declarations and a Material color scheme that can be adapted inside your Compose theme files.

Android XML

Generate color resources for traditional Android projects and connect them to your app theme resources.

SwiftUI and React Native

Export reusable semantic color values for Apple and cross-platform application codebases.

Open the theme builder