One Design.
Seven Platforms.
Write your UI once as a your product. Generate production code for React, Vue, Angular, HTML, React Native, Flutter, and SwiftUI.
Renderers
7 platform renderers
Style: tailwind
Output: .tsx
Style: css-modules
Output: .vue
Style: css-vars
Output: .ts
Style: inline
Output: .html
Style: StyleSheet
Output: .tsx
Style: Dart tokens
Output: .dart
Style: Swift tokens
Output: .swift
One sign-in screen
Built for every platform at once
Login.tsxReact on the weblogin.dartFlutter on AndroidLoginView.swiftSwiftUI on iOS
Real source files, in your repository, that your engineers can read and change.
Token Writers
4 token export formats
Tailwind CSS
Design tokens exported as Tailwind theme extensions.
CSS Variables
Standard custom properties for any web framework.
Dart Tokens
Flutter-ready ThemeData and color constants.
Swift Tokens
SwiftUI Color, Font, and spacing extensions.
Matrix
Platform compatibility
| Feature | React | Vue | Angular | HTML | RN | Flutter | Swift |
|---|---|---|---|---|---|---|---|
| Component generation | |||||||
| Token resolution | |||||||
| Animation code generation | |||||||
| Layout engine | |||||||
| Accessibility attrs | |||||||
| Test generation |
Build once, ship everywhere
Stop maintaining separate codebases. One design powers every platform.