Svelte × Tailwind CSSの「Rabee UI」コンポーネント3種類を新たに追加。公式ドキュメントサイトの検索機能も提供開始

株式会社Rabee

Svelte × Tailwind CSSの「Rabee UI」コンポーネント3

カスタマイズを前提とした「UIコンポーネントの種」を提供中。CommandやToastなどのパーツを追加公開し、より実務で活用しやすいコンポーネント集へ進化しました。

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

株式会社Rabee（本社：東京都渋谷区、代表取締役：上松勇喜）は、Svelte × Tailwind CSSのUIコンポーネント集「Rabee UI」において、UIコンポーネント3種類を新たに公開しました。
今回リリースした3種類も含む全32種類の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/13/97622-13-af7e5571b68f990bec3cff6fbb918ad5-1800x1040.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
Rabee UI - すべてのコンポーネント

[画像3: https://prcdn.freetls.fastly.net/release_image/97622/13/97622-13-b0b504014e4c37e4c0513c40d6f35ae8-1800x1040.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
Rabee UI - Badge

■ 5つのコンポーネントを新たに公開
今回、以下3つの新たなUIコンポーネントを追加しました。CommandやToastなど、Webサービスのページ構築に役立つパーツを拡充しています。
- Combobox- Command- Toast
[画像4: https://prcdn.freetls.fastly.net/release_image/97622/13/97622-13-49df7b07b0e9922103f1a5b2353f1b4e-1200x480.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]

■ 公式ドキュメントサイト内の「検索機能」も提供開始
さらに、使いたいコンポーネントを効率的に探せるキーワード検索機能をリリースしました。これにより、全32種のUIコンポーネントから、必要なものをスピーディーに見つけられるようになりました。
[画像5: https://prcdn.freetls.fastly.net/release_image/97622/13/97622-13-a1fb925ba1aae8fea2192f88c5fba241-1800x1040.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]

Rabee UI 公式ドキュメント

■ 今後の展望
Rabee UIでは、今後もプロダクト開発を加速させるUIコンポーネントを継続的に追加します。基本的なUIコンポーネントだけでなく、より複雑なレイアウトや、実務で頻出するユースケースにも対応することで、単なるコンポーネント集を超えた開発基盤を目指します。

■ 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
代表者名：上松勇喜
所在地：東京都渋谷区渋谷３丁目２６−２０　関電不動産渋谷ビル１０F
設立：2018年8月
事業内容：受託開発・自社サービス開発・運用
https://rabee.jp/

株式会社Rabeeは、受託開発と自社サービス開発のノウハウを活かし、効率的なWeb開発を実現するクリエイティブカンパニーです。

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

プレスリリース提供：PR TIMES

Svelte × Tailwind CSSの「Rabee UI」コンポーネント3