v0.2.0Now with Dark Mode
Modern UI Components
for Qwik
高速でアクセシブルなUIコンポーネントライブラリ。 Zero JS Hydration で最高のパフォーマンスを実現。
8
Components
0ms
JS Hydration
100%
TypeScript
A11y
Accessible
New in v0.2
3 componentsFeatures
Zero JS Hydration
PerformanceQwikのresumability機能で必要時のみJSを読み込み
Type-Safe
TypeScript全コンポーネントが完全にTypeScriptで型定義
Dark Mode
Newシステム設定に連動したダークモード対応
Design Tokens
Styling一貫したデザインシステムをCSS変数で実現
Quick Start
import { Button, Card, Input, Switch } from "@/components/ui";
export default component$(() => {
const enabled = useSignal(false);
return (
<Card>
<Input label="Name" placeholder="Enter your name" />
<Switch label="Subscribe to newsletter" />
<Button variant="primary">Submit</Button>
</Card>
);
});