Ionic Theme and Capacitor Native UI

Bring the iOS look and native controls to your Ionic app—while keeping your Web content, routing, and application state.

Try the Ionic 9 demo · Try the Ionic 8 demo

Give your Web UI the iOS look

@rdlabo/ionic-theme-ios27 brings Liquid Glass styling, light and dark appearances, and coordinated animations to Ionic toolbars, tabs, lists, buttons, search, and overlays. Use it on its own to style your Web UI.

Get started with the theme · Explore theme features

Bring supported controls into native UI

@rdlabo/capacitor-native-ui projects supported Ionic controls into UIKit and SwiftUI on iOS. Your existing markup supplies their labels, icons, and state; native actions flow back to your Ionic components. Page content and routing stay in the WebView.

Keep your existing Web appearance or pair it with the iOS theme. Native UI is opt-in and currently a preview; unsupported controls, Android, and browsers retain Web presentation. Your app or theme owns Web layout and styling.

Get started with Native UI · Supported controls

The same Library screen with Native UI Shell off and on, captured while dragging the selected tab:

Choose what your app needs

Your goal	Start here
Style your Ionic Web UI	Theme only
Add native controls while keeping your existing Web appearance	Native UI only
Combine theme styling with native controls	Theme and Native UI together

Both packages support Ionic 8.8.1 or later within Ionic 8 or 9. Native UI requires Capacitor 8; see its setup guide for supported iOS environments.

Explore further

• Integration guides: combine packages and connect layouts and device behavior.
• Theme migration · Native UI migration.
• Workspace development and releases.