ReactおよびNext.js製ゲーミフィケーションアプリ向けのshadcn/uiベースUIコンポーネント集・「Gamification UI Kit by Trophy」

Ads

Gamification UI Kit by Trophy

ReactおよびNext.js製ゲーミフィケーションアプリ向けのshadcn/uiベースUIコンポーネント集・「Gamification UI Kit by Trophy」

Gamification UI Kit by TrophyはReactおよびNext.js製ゲーミフィケーションアプリ向けのshadcn/uiベースUIコンポーネント集です。tailwind及びshadcn/uiがスタイリングのベースとなっており、コピペで導入できるようになっています。

Trophy製のUIコンポーネントキットですが、Trophy社というのはゲーミフィケーションのUX用APIを提供する企業で、このUIコンポーネントもその事業の一環としてOSSで提供されています。

提供されるUIは実績バッジ、実績カード、実績リスト、ロック解除、表彰台、ランキング、ポイント付加に基づくサービス等、連続記録のカレンダーなどなどゲーミフィケーションに関するUIが色々と用意されていました。

ゲームを使った教育アプリはここ最近ではスタンダードとなりつつある印象です。ゲーミフィケーションアプリの開発に関わっているチームの方はご覧になってみては如何でしょうか。

Gamification UI Kit by TrophyGithub