型から生まれる、UI部品。

KATA UIは、素のHTML・CSS・JavaScriptだけでできた実用コンポーネント集です。フレームワークなし、ビルドなし、依存なし。部品をコピーして貼れば、そのコードはあなたのものになります。

136コンポーネント

21ブロック

7テンプレート

150アイコン

0依存

使い方

STEP 1

tokens.cssを一度読み込むだけ。色・余白・角丸・動きはすべてそこから来ます。それが「型」です。

STEP 2

部品ページからHTML・CSS・JSをコピー。インストールもパッケージもありません。

STEP 3

変えるのは部品ではなくトークン。型をひとつ変えれば、ページ全体が鋳直されます。

実務の部品が中心ですが、他にはない棚もあります。動きの部品を集めた Motion、型破りを自称する KATAYABURI、そして和柄を幾何から作図する Wagara、朱色の判子、金継ぎのカード、暖簾、縦書きを収めた Japan ジャンル。

全136部品にライブプレビューとコピーできるコード付き。カタログとドキュメントは英語です（部品名とコードはそのまま使えます）。

青海波・麻の葉・七宝・市松を貼り絵ではなく作図で。判子は到着すると自分で押されます。

コンポーネントとアイコンは永久無料（MIT）。有料の Pro は、組み上げ済みのブロックとテンプレートで、$129の買い切り・買い切り後の追加料金なし。販売は近日開始です。

Proの販売が始まった日に、1通だけメールします。それ以外の連絡はしません。