v0.1.3Release notesSwiftUI ideas.
SwiftUI ideas.
React simplicity.
Compose adaptive interfaces with SwiftUI-inspired layouts, native web controls, and familiar React props.
npm install @swiftuijs/uiReact 18.2+ or 19 · TypeScript · MIT licensed
Built with SwiftUI.jsLive example
0 clicks
'use client';
import { useState } from 'react';
import '@swiftuijs/ui/style/index.css';
import { Button, Text, VStack } from '@swiftuijs/ui';
export default function Counter() {
const [count, setCount] = useState(0);
return (
<VStack spacing={12} alignment="leading">
<Text aria-live="polite">{count} clicks</Text>
<Button buttonStyle="bordered"
onClick={() => setCount(value => value + 1)}>
Add one
</Button>
</VStack>
);
}Start building
Explore the documentationGetting started
Install, import styles, and build your first view.
Component reference
Interactive examples, copyable code, and typed props.
Themes and materials
Configure appearance, accent colors, and glass effects.
SwiftUI.js adapts SwiftUI ideas to the web. Platform coverage varies by component; review the capability matrix and limitations before adopting experimental features.