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

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



[画像1: https://prcdn.freetls.fastly.net/release_image/97622/20/97622-20-7e9e6080c3d8804be720abb86545aa86-1800x945.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]


株式会社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データも公開中

[画像2: https://prcdn.freetls.fastly.net/release_image/97622/20/97622-20-d6118673685bb48b9142f6c10fd4bf44-2700x1560.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]


[画像3: https://prcdn.freetls.fastly.net/release_image/97622/20/97622-20-0e107f8709e21c300c9bc800436e2817-2700x1560.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]

■ 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
- - Table https://rabeeui.com/docs/components/table

[画像4: https://prcdn.freetls.fastly.net/release_image/97622/20/97622-20-5c63d04e4dfa27a928c46d3bfc629185-2700x1560.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
サンプル / Notification

[画像5: https://prcdn.freetls.fastly.net/release_image/97622/20/97622-20-428b510b47ffb0a848fafa99aef1ef43-2700x1560.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
コンポーネント / Select, Table

■ 今後の展望

これらの改修は、私たちが実際にRabee UIを用いて自社プロダクト「Formee」を開発する中で得られた知見を、Rabee UIへフィードバックする形で行いました。

Rabeeは今後も、自社プロダクトの開発とRabee UIの改善を継続して行います。実務で活用しながらアップデートを重ねることで、Rabee UIを単なるUIコンポーネント集ではなく、あらゆるプロダクト開発の基盤として強化していきます。

Rabee UI 公式ドキュメント
https://rabeeui.com/docs/components

Rabee UIで開発したプロダクト「Formee」
https://lp.formee.me/

■ Rabee UIの最新情報

Rabee UIに関する最新情報は以下で公開しています。

Rabee UI 公式ドキュメント
https://rabeeui.com/docs

Rabee UI Figma
https://www.figma.com/community/file/1479376628733075423

Rabee UI Discordコミュニティ
https://discord.com/invite/VjtgZ4dkQa

■ 株式会社Rabeeについて

株式会社Rabeeは、受託開発・自社開発の豊富なノウハウを活かして、高速かつ高品質なWebプロダクト開発を行う会社です。あなたの思い描く「ほしい」「つくりたい」「届けたい」をともに実現します。
会社名：株式会社Rabee
代表者名：上松勇喜
所在地：東京都渋谷区渋谷３丁目２６−２０　関電不動産渋谷ビル１０F
設立：2018年8月
事業内容：受託開発・自社サービス開発・運用
https://rabee.jp/


[画像6: https://prcdn.freetls.fastly.net/release_image/97622/20/97622-20-7db9e97ee3b366e70bbd3f761dfdd99e-1200x630.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]



PR TIMESプレスリリース詳細へ