Svelte × Tailwind CSSのRabee UI、「Markdown」のサンプルを新たに追加。既存コンポーネント2種もアップデート

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

株式会社Rabee

2026年2月25日 14時08分

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

Rabee UI 公式ドキュメント

■ Rabee UIとは

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

■Rabee UIの特徴

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

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

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

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

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

■ サンプル「Markdown」を新たに追加

Rabee UIは2025年5月のドキュメントページ公開以後、毎月のアップデートを継続しています。今月も新たに「Markdown」のサンプルを追加しました。Markdownは、h1やulなどのHTML要素に対し、一貫したデザインを適用するためのスタイルのセットです。

また、既存コンポーネントである「Button」「Image Uploader」に改修を加え、より幅広いユースケースに対応できるようになりました。

具体的には、Buttonには新たに「Toggle Button」として、SNSのフォロー／フォロー解除のようにユーザーのアクションに応じて状態が切り替わるボタンの実装例を追加しました。Image Uploaderには、一度アップロードした画像を任意で取り消せる「Clearable」機能を追加しました。