Rails 向けヘッドレス Stimulus UI

HTML に、生命を吹き込む。

Rails 向けの、振る舞いだけの UI プリミティブ。各コントロールは ARIA 状態、キーボード操作、フォーカス管理を data-* 駆動の Stimulus コントローラーとして提供し、CSS は一切持ちません。見た目は完全にあなたのものです。

taiyaky/stimeo-ui 100+ コンポーネント alpha 0.x

実行中 · ライブデモ stimeo--command-palette

キーボードショートカット Cmd+K または Ctrl+K でも開くことができます。

$ bundle add stimeo-ui
$ bin/rails generate stimeo:install
✓ controllers wired · zero CSS shipped

なぜヘッドレス？

難しい部分は解決済み。見た目はあなたに委ねます。

各コントローラーは難しい部分 — ARIA のロールと状態、キーボード操作、フォーカス管理 — だけを担い、それ以外は持ちません。

各コンポーネントは対応する WAI-ARIA APG パターンと関連する WCAG 2.2 AA 基準を実装。正しさが出発点です。

CSS は同梱せず、見た目のロックインもなし。あなたのスタイルが、コントローラーの公開する ARIA と data 属性を読み取ります。

ランタイムの依存は @hotwired/stimulus だけ。例外は動的な位置合わせに使う @floating-ui/dom で、これも使うときだけ追加します。

動かして見る

2 つのコマンドで Rails アプリに Stimeo UI を追加。はじめからアクセシブル、 Turbo のページ遷移でも壊れず、スタイルはあなたの思いのまま。