コンテンツへスキップ
1.5k

どのサイトも同じ見た目じゃなくていい。

RetroUI は shadcn/ui のネオブルータリズム・フォークです。React コンポーネントが 50+、さらにブロックとテンプレートも。太いボーダー、くっきりした影、大胆な色づかいで描いています。中身は Radix か Base UI。コードはあなたのものです。

フルアクセスを入手コンポーネントを見る
愛用するのは 1,500+ 人の開発者とデザイナー 新しいタブで開きます
思いっきり派手に。
このボードのパーツは、どれも実際に動く RetroUI コンポーネントです。さあ、触ってみてください。
リリースするドキュメントを読む
ダークモード
新着50+RTL
カオス度
100% 本物のコンポーネント
  • コンポーネント 50+
  • Radix & Base UI
  • shadcn CLI 対応
  • オープンソース
  • すぐ使えるブロック 158 個
  • ブロック & テンプレート
  • Figma キット付き
  • RTL 対応
  • ダークモード
  • MCP サーバー対応
  • ずっとネオブルータリズム

速く作れるのに、
退屈にならない

開発者のために整えられたエコシステム。信頼できる土台、再利用できる部品、そしてコードの完全なコントロール。プロダクトの成長に合わせて、インターフェースを磨き、支え続けます。

CLI 対応

コピペでも、CLI でも

どのコンポーネントも、使い慣れた shadcn CLI でインストールできます。ドキュメントからソースを直接コピーしてもかまいません。どちらの方法でも、コードはそのままあなたのリポジトリに入り、すぐに手を加えられます。

npx shadcn add @retroui/button
Tailwind v4

隅々までカスタマイズ

すべてのコンポーネントは、あなたのもの。自由に書き換えられます。Tailwind CSS なら、色・ボーダー・影・アニメーションをブランドに合わせて調整できます。

React + TS

好きな技術スタックに組み込める

TypeScript と Tailwind CSS を使った React アプリにスムーズに馴染みます。shadcn/ui の作法に沿いながら、フレームワークをまたいで柔軟に使えます。

AI・MCP

shadcn で使える MCP サーバー

AI エディタを RetroUI の MCP サーバーにつなげば、名前を指定するだけでコンポーネントを追加できます。コピペも、画面の切り替えも不要です。

npx shadcn@latest mcp init

ネオブルータリズムの UI
コンポーネント

Base UI と Radix UI で作られた、拡張性の高い shadcn UI コンポーネント。ランディングページ、SaaS ダッシュボード、モダンな Web アプリにぴったりです。

アコーディオン

開閉できるコンテンツパネル。

アラート

通知メッセージ。

アバター

ユーザー画像のプレースホルダー。

バッジ

状態を示すラベル。

パンくずリスト

ナビゲーションのパンくず。

ボタン

操作を実行するトリガー。

スイッチ

オン / オフの切り替えコントロール。

カレンダー

日付を選ぶグリッド。

すべてのコンポーネントを見る

もっと速く作れる、200+ の
ブロック

そのまま本番で使えるセクション。ヒーロー、料金表、機能グリッドなど、プロダクトにそのまま組み込めます。

会社概要

会社のストーリーとミッションを伝えます。

人工知能

AIを活用したチャットUIとアシスタント。

認証

ログインと新規登録の画面。

ベントーグリッド

多彩なコンテンツブロックを組み合わせたモダンなグリッドレイアウト。

ブログ

記事を掲載します。

CTA

ユーザーの行動を促す魅力的なCTA。

カード

さまざまなコンテンツに対応する汎用的なカードレイアウト。

採用情報

求人情報とキャリアの機会を紹介します。

すべてのブロックを見る

作り込み済みで、カスタマイズも自在な
テンプレート

すべてのテンプレート
Brutstack — 開発ツール テンプレートのプレビュー

Brutstack

開発ツール

開発ツール向けの、モダンなダークテーマのランディングページテンプレート。オープンソースプロジェクト、SaaS、クラウド／ホスティングなどに最適です。

詳細プレビュー
Neoflux — SaaS テンプレートのプレビュー

Neoflux

SaaS

マーケティングページ、ブログ、認証ページを備えたマルチページの SaaS テンプレート。B2C・B2B を問わず、あらゆる SaaS 製品に対応します。

詳細プレビュー
Brut Studio — エージェンシー テンプレートのプレビュー

Brut Studio

エージェンシー

エージェンシー向けのネオブルータリズムなランディングページテンプレート。クリエイティブエージェンシー、デザインスタジオ、クリエイターに最適です。

詳細プレビュー

大好き。 開発者にもデザイナーにも、
クリエイターにも。

コミュニティに 愛されて

根っこはオープンソース。開発者たちは毎日、スターを付け、語り合い、これで設計しています。

GitHub スター1.5K+オープンソースのコンポーネントにスターを付けた開発者。GitHub でスターを付ける 新しいタブで開きますDiscord メンバー750+ブロックやテーマ、フィードバックを交換する仲間たち。コミュニティに参加 新しいタブで開きますFigma ユーザー250+RetroUI Pro キットでデザインする人たち。キットを入手