shadcn/ui互換の、コピー&ペーストで使えるオープンソースのReactアプリ用コンポーネント・「cult/ui」

Ads

cult/ui

shadcn/ui互換の、コピー&ペーストで使えるオープンソースのReactアプリ用コンポーネント・「cult/ui」
cult/uiはshadcn/ui互換の、コピー&ペーストで使えるオープンソースのReactアプリ用コンポーネントです。コンポーネントのデザインは、実装とは切り離して考えるべき、という考えから、ライブラリ等のようにインストールせずコードをコピペして利用するコンポーネントのコレクションとして提供されています。

例えばNext.js、Astro、Remix、GatsbyなどReactをサポートしているフレームワークであれば、どれでも使用可能となっており、依存関係のインストールなども不要でコードのコピペだけで導入可能となっています。

用意されているコンポーネントは、ソート可能なアニメーションするリスト、カーソルを合わせると詳細を表示するカード、アニメーションするタブ、様々なテキストアニメーション、ちょっと懐かしい3Dカルーセル等、他にも様々な実用的なコンポーネントが揃えられています。

また、使用頻度の高い自分だけのオリジナルコンポーネントを用意するのに参考にするのも良いでしょう。前述通りshadcn/uiとも互換性があるため追加コンポーネントという扱いにしても良いと思います。Reactアプリの開発者の方は覚えておいても損はないかと思います。ライセンスはMIT。

cult/uiGithub