【株式会社Rabee】 Svelte × Tailwind CSSのRabee UI、サンプル3種類を追加。通知・セレクト・テーブルのUIが構築しやすくなりました

カスタマイズを前提とした「UIコンポーネントの種」を提供中。Notification、StatusSelect、Tableのサンプルを追加公開し、より実務で活用しやすいコンポーネント集へ進化しました。

株式会社Rabee（本社：東京都渋谷区、代表取締役：上松勇喜）は、Svelte × Tailwind CSSのUIコンポーネント集「Rabee UI」において、サンプルを新たに公開しました。今回リリースしたサンプルも含む全42種類のRabee UIコンポーネントは、以下から確認できます。

Rabee UI 公式ドキュメント

■ Rabee UIとは

Rabee UIとは、SvelteとTailwind CSSで構築されたUIコンポーネント集であり、カスタマイズを前提とした「コンポーネントの種」です。プロダクトごとに色やフォント、アニメーションなどを自由にカスタマイズすれば、ブランドらしさを表現するデザインシステムを小さいコストで構築できます。

■Rabee UIの特徴

・Svelte × Tailwind CSSで柔軟にカスタマイズできる

・コンポーネント単位でコピー＆ペーストして導入できる

・ダークモード・ライトモードに対応

・日本語利用を前提としたデザイン

・コードと一致したFigmaデータも公開中

■ 3種類のサンプルを新たに追加

Rabee UIは2025年5月のドキュメントページ公開以後、毎月のアップデートを継続しています。今月も新たに「Notification」「StatusSelect」「Table」のサンプルを追加しました。さらに、既存コンポーネントである「Select」「Table」に改修を加え、より幅広いユースケースに対応できるようになりました。

•

サンプル

•

Notification https://rabeeui.com/docs/samples/notification

•

StatusSelect https://rabeeui.com/docs/samples/statusselect

•

Table https://rabeeui.com/docs/samples/table

•

コンポーネント

•

Select https://rabeeui.com/docs/components/select