Order and Harmony

Webサイトの骨組みをテンポ良く美しく作るための、軽量なCSS設計フレームワークです。タイポグラフィ、レイアウト用のプリミティブ、CSS変数を活かしたユーティリティをまとめて提供しています。CSSを一つ読み込むだけで導入できます。

タイポグラフィからレイアウト、ユーティリティまで、サイト全体のCSS設計を一つのルールで扱える点です。Every Layoutのレイアウトプリミティブやハーモニックモジュラースケーリング、Tailwind CSSのプロパティ単位のユーティリティ、Chakra UIやMUIのコンポーネントの使用感から着想を得ています。

はい。lism-cssパッケージにReact・Astro向けの専用コンポーネントが含まれており、レスポンシブ対応やレイアウトをpropsで指定できます。@lism-css/uiのUIコンポーネントも併用できます。

はい。パッケージはすべて無料のオープンソース（MIT）です。利用条件の詳細は、各リポジトリのライセンスをご確認ください。

SCSS設定の上書きや、lism.config.jsでカスタマイズできます。詳しい方法は、公式ドキュメントの「カスタマイズの基本」をご覧ください。

各パッケージのGitHubリポジトリのIssueからご報告ください。本ページはデモ用のショーケースのため、このページではお問い合わせを受け付けていません。