shadcn/ui同様にコピペで導入できるオープンソースのReactコンポーネントのコレクション・「Spark UI」

Ads

Spark UI

shadcn/ui同様にコピペで導入できるオープンソースのReactコンポーネントのコレクション・「Spark UI」

Spark UIはshadcn/ui同様にコピペで導入できるオープンソースのReactコンポーネントのコレクションです。

Next.js、Tailwind with OKLCH semantic tokens、Framer Motion等でデザインされており、shadcn CLIを使ってコンポーネントを直接プロジェクトにコピペして導入できるよう設計されています。

用意されているコンポーネントはボタンやフォーム周り、パンくずやドロップダウンやページネーションなどのナビゲーションのほか、アラート、アコーディオン、カード、ダイアログ、テーブルなど必須コンポーネントに加え、カンバンやQRコード、Spotifyカード、ブランドロゴのカルーセル、アニメーションする背景など、あると地味に嬉しいコンポーネントも用意されています。

UIもシンプルで見やすかったです。詳細は以下でご確認下さい。ライセンスはMIT。

Spark UI