Design themes in the Pro Style Guides, preview them live on iOS and Android, and scan a QR code to open your theme in the HeroUI Native app.
June 19, 2026
The Pro Style Guides now supports HeroUI Native. Switch the preview platform to Native, tune tokens in the browser, preview them inside an iOS/Android phone frame, then scan a QR code to open the same theme in the HeroUI Native app on a real device.
When you switch to Native, unsupported web-only controls fall back to HeroUI defaults in both the phone preview and the editor:
Line height, font size, spacing, and glass blur
Cursor pointer and animations toggles
Custom accent-hover and other unsupported color variables
Custom CDN body fonts (the QR card shows a compact warning; suggested default fonts work without it)
Pro design themes (Brutalism, Glass, Mouve) — the scan card is hidden; customize a base theme instead
The code panel follows the active platform. Open it from Native overview and Native CSS is selected by default; from Web overview, Web CSS is selected.