レトロな雰囲気の UI を作成するなら Neobrutalism。
旧称 RetroUI。
どのサイトも似たり寄ったりなのは、誰もが同じデフォルト設定を使っているからです。そして、AI による粗悪なコンテンツがウェブ上に溢れかえっています。その解決策となるのが「ネオブルータリズム」です。これは、React および shadcn/ui CLI 向けのコンポーネント、ブロック、テンプレートで、Radix または Base UI ベースです。まずはコンポーネントを 1 つインストールして、実際にお確かめください。
- コンポーネント 50+
- Radix & Base UI
- shadcn CLI 対応
- オープンソース
- すぐ使えるブロック 158 個
- ブロック & テンプレート
- Figma キット付き
- RTL 対応
- ダークモード
- MCP サーバー対応
- ずっとネオブルータリズム
作り込み済みで、カスタマイズも自在な
テンプレート
テンプレートネオブルータリズムの UI
コンポーネント
コンポーネントBase UI と Radix UI で作られた、拡張性の高い shadcn UI コンポーネント。ランディングページ、SaaS ダッシュボード、モダンな Web アプリにぴったりです。
もっと速く作れる、200+ の
ブロック
ブロックそのまま本番で使えるセクション。ヒーロー、料金表、機能グリッドなど、プロダクトにそのまま組み込めます。
速く作れるのに、
退屈にならない
退屈にならない開発者のために整えられたエコシステム。信頼できる土台、再利用できる部品、そしてコードの完全なコントロール。プロダクトの成長に合わせて、インターフェースを磨き、支え続けます。
コピペでも、CLI でも
どのコンポーネントも、使い慣れた shadcn CLI でインストールできます。ドキュメントからソースを直接コピーしてもかまいません。どちらの方法でも、コードはそのままあなたのリポジトリに入り、すぐに手を加えられます。
npx shadcn@latest add https://neobrutalism.com/r/base/button.json隅々までカスタマイズ
すべてのコンポーネントは、あなたのもの。自由に書き換えられます。Tailwind CSS なら、色・ボーダー・影・アニメーションをブランドに合わせて調整できます。
好きな技術スタックに組み込める
TypeScript と Tailwind CSS を使った React アプリにスムーズに馴染みます。shadcn/ui の作法に沿いながら、フレームワークをまたいで柔軟に使えます。
shadcn で使える MCP サーバー
AI エディタを Neobrutalism.com の MCP サーバーにつなげば、名前を指定するだけでコンポーネントを追加できます。コピペも、画面の切り替えも不要です。
npx shadcn@latest mcp init大好き。 開発者にもデザイナーにも、
クリエイターにも。
大好き。たまたま UI キットを見つけて即ゲット。あとから Twitter を見て、まだ新しいのに活発にメンテされてて、どんどん改善されてるって知って本気で感動した。最高だよ、ありがとう！すごい仕事だ！🤘
Ziv Reich, ソフトウェア開発者 neobrutalism.com、ほんとよくできてるって言いたかっただけ。すごく気に入ってる。デザインが苦手だから、これは本当に助かった。自分の個人サイトで使わせてもらったよ。
Paul Bratslavsky, Coding With Paul 運営 ようやく個人サイトを作り直した。楽しいライブラリ Neobrutalism.com を教えてくれた @DovAzencot に大感謝！
Cameron Blackwood, コンテンツクリエイター お気に入りのレトロ系 UI コンポーネントライブラリを 2 つ。1. https://neobrutalism.com（@DovAzencot）2. https://neobrutalism.dev（@samuelbreznjak）
Zhengyang Hou, インディーハッカー Web で一番好きな UI ライブラリのひとつ。Arif、いい仕事してるね。これからもっともっと伸びていくといいな。
Taseen Tanvir, 創業者 & デザイナー Neobrutalism.com Pro を試してみたけど、他と全然かぶらない UI キットって新鮮でいい。ネオブルータリズムのブロックは最高（🔥）。変で楽しいレイアウトのプロトタイプが、ずっと速く作れた。
Nitesh Padghan, ゴーストライター
コミュニティに 愛されて
根っこはオープンソース。開発者たちは毎日、スターを付け、語り合い、これで設計しています。