Overview
SwiftUI-inspired composition, built for React and the web.
Build screens with ordinary React state, HTML props and composable layout components.
| Start here | What you will find |
|---|---|
| Getting started | Installation, required styles and a working first component |
| Components | Live examples, copyable code, requirements and complete APIs |
| Responsive layouts | Container breakpoints, layout hints and SSR fallbacks |
| Themes and materials | Scoped appearance, tokens and optional glass |
| Capability matrix | Supported behavior, experimental features and platform limits |
| Kitchensink | An integrated form, navigation and modal workflow |
Related project: Twill
Twill is our sibling Swift-inspired language for JavaScript and TypeScript. Follow its React integration guide to write SwiftUI.js views in .twillx, keeping ordinary component props, React state and shared styles. SwiftUI.js also works with standard TypeScript and JSX. See the Twill repository for the compiler and tooling.
Read the limits first
SwiftUI.js uses browser rendering. It does not reproduce every native SwiftUI API or Apple system behavior. Read a component's usage notes before adopting it; experimental exports may change.
Status terms: aligned follows SwiftUI intent closely; adapted uses browser-specific behavior; partial has documented gaps; planned is not shipped behavior. These describe scope, not a guarantee of production acceptance. Validate the components you use in your target browsers.