ITエンジニア/デザイナ向けにオープンソースを毎日紹介

Webコンポーネントの考え方を取り入れることで、Webサイトのデザインを再利用しやすくなります。実用的なコンポーネントもすでに出てきていたり、複雑な機能を可能にするコンポーネントを導入することでWebサイトを作りやすくなります。

そんな中、今回はちょっと変わり種のコンポーネントReact Kawaiiを紹介します。Reactで可愛いコンポーネントを実現します。

React Kawaiiの使い方

Backpackタグです。

表情はパラメータで変更できます。

koにすると目がバッテンに。

Browserタグ。

Catタグ。

CreditCardタグ。

Ghostタグ。

IceCreamタグ。

Mugタグ。

Planetタグ。

SpeechBubbleタグ。

アニメーションも実現できます。

React Kawaiiは実用性という意味では難しいですが、Slackのようなツールのドキュメントにありそうなデザインに見えます。堅苦しくなりがちなヘルプやドキュメントなどで使ってみると良さそうです。

React KawaiiはReact用、JavaScript製のオープンソース・ソフトウェア(MIT License)です。

React Kawaii

miukimiu/react-kawaii: Cute React UI Components

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2