react-bits

React Bits は、開発者がより効率的に記憶に残るウェブサイトを構築できるように設計された、アニメーション付き、インタラクティブ、カスタマイズ可能な React コンポーネントのオープンソース コレクションです。このライブラリには、テキスト アニメーション、一般アニメーション、UI コンポーネント、背景にわたる 165 以上のコンポーネントが含まれており、毎週新しいコンポーネントが追加されています。 主な機能には、軽量でツリーシェイク可能な使用のための最小限の依存関係、props または直接ソース編集による完全なカスタマイズ、および CSS または Tailwind スタイリングを使用した JavaScript と TypeScript の両方をカバーするコンポーネントごとの 4 つのバリエーション (JS-CSS、JS-TW、TS-CSS、TS-TW) があります。すべてのコンポーネントは、最新の React プロジェクトに統合するためにコピーアンドペーストで準備されています。 インストールは、CLI ベースのセットアップのために shadcn と jsrepo を通じてサポートされており、各コンポーネント ページにはすぐに使用できる CLI コマンドが提供されています。開発者は、好みのテクノロジー スタックを選択した後、手動でコードをコピーすることもできます。 コンポーネントに加えて、React Bits は 3 つの無料のクリエイティブ ツールを提供します。Background Studio は、アニメーション付き背景を探索し、ビデオ、画像、またはコードとしてエクスポートします。Shape Magic は、形状間の内側の丸みを帯びた角を作成し、SVG、React コード、またはクリップパス コードとしてエクスポートします。Texture Lab は、画像やビデオに 20 以上のエフェクト (ノイズ、ディザリング、ASCII) を適用し、高品質でエクスポートします。 このプロジェクトは David Haz によって維持されており、個人使用と商用使用の両方に対して MIT + Commons Clause ライセンスが付与されています。Vue.js (vue-bits.dev) と Svelte (sveltebits.xyz) の公式コミュニティ ポートが存在します。このプロジェクトは、GitHub リポジトリを通じてコミュニティの貢献と機能リクエストを受け付けています。