Sumi.css - クラス不要で美しいページを実現する軽量CSSフレームワーク
Show HN: Sumi.css – CSS Framework
Sumi.cssは、意味論的なHTMLを書くだけで整ったデザインが完成するミニマルなCSSフレームワークです。圧縮・gzip後わずか6.7KB、JavaScriptも依存関係もビルド手順も不要。見出しやフォーム、テーブル、カード、アコーディオン、モーダル、ナビゲーションが要素だけでスタイリングされます。システム設定に追従するライト/ダークモード、`data-theme`による強制切り替え、CSSカスタムプロパティによる柔軟なテーマ変更に対応。要素スタイルは`:where()`で特異性ゼロに抑えられているため、`!important`なしで自分のCSSが常に優先されます。フォーカスリングやARIA状態、モーション低減設定にも配慮したアクセシブルな設計で、小さなサイトからプロトタイプまで幅広く活用できます。
プレーンで意味論的なHTMLを書くだけで、完成された見た目になります。特別な指定をしたいときだけクラスを追加すればいいのです。