OKLCH色空間を使ったCSSフレームワークつくった

やあ。

OKLCHを使ったCSSフレームワークっぽいのと、そのReactコンポーネントのライブラリーつくったよ。

名付けて「minolith」です。

OKLCHによる色の一体感を目指したので、モノリス(monolith) → みのがつくったから「minolith」。

単純やな～～～。

OKLCHがなにかはこの記事を読むと良い気がするよ。

CSSライブラリー「minolith」はSass、Reactコンポーネントの方はTypeScriptで書いているよ。

• minolithのリポジトリー
• minolithのサンプルページ
• react-minolithのリポジトリー
• react-minolithのStorybook

minolithをCDN経由で利用する場合はheadタグ内にこちらを追加～

<link rel="stylesheet" type="text/css" media="all" href="https://unpkg.com/minolith/dist/css/minolith.min.css" />
<link rel="stylesheet" type="text/css" media="all" href="https://unpkg.com/minolith/dist/css/minolith-utilities.min.css" />

Sassの方だけインストールする場合はこっち

npm install minolith

Reactプロジェクトにインストールする場合はこっち

npm install react-minolith

これを作ったからといって、なにをどうするかとかは何も考えていないです。

んじゃね～。