レトロな雰囲気の UI を作成するなら Neobrutalism。
旧称 RetroUI。
NeoBrutalism は React と Next.js 向けのレトロ UI コンポーネントライブラリです。オープンソースのコンポーネントに加え、Pro ではブロック、テンプレート、Figma キットも使えます。Pro の契約管理、アセットのダウンロード、チームへの招待はサインインして行えます。
- コンポーネント 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 キットを見つけて即ゲット。新しくて活発にメンテされ、どんどん改善されてるのが最高。すごい仕事だ！🤘
Ziv Reich, ソフトウェア開発者 neobrutalism.com、ほんとよくできてるって言いたかっただけ。すごく気に入ってる。デザインが苦手だから、これは本当に助かった。自分の個人サイトで使わせてもらったよ。
Paul Bratslavsky, Coding With Paul 運営 ようやく Neobrutalism.com で個人サイトを作り直した。楽しいライブラリで、始めやすい！
Cameron Blackwood, コンテンツクリエイター Neobrutalism.com はお気に入りのレトロ系 UI コンポーネントライブラリのひとつ。ちゃんと ship できるコンポーネント。
Zhengyang Hou, インディーハッカー Web で一番好きな UI ライブラリのひとつ。いい仕事してる。これからもっともっと伸びていくといいな。
Taseen Tanvir, 創業者 & デザイナー Neobrutalism.com Pro を試したけど、他とかぶらない UI キットで新鮮。ネオブルータリズムのブロック 🔥 で変なレイアウトの試作がずっと速くなった。
Nitesh Padghan, ゴーストライター バランスと流れが完璧な、美しいランディングページデザイン。カラーパレットとアニメーションが組み合わさり、卓越したUXを生み出しています。
Alan Obeng-Peprah, Senior Designer @ NativeXAI 納品されたデザインに本当に感心しました。最終成果物は想像していたものとぴったり一致していました。
Desmond, 共同創業者 @ VectorlabsVentures 代理店オーナーとして、クライアントのランディングレイアウトを磨き込むのに通常は数週間かかります。Neobrutalism.comならテンプレートを差し込み、コピーを整えればすぐに出荷できます。
Duke Opoku Amankwah, 創業者 @ Midas テンプレートは見た目が優れているだけでなく、構造も非常によくできています。開発期間を何週間も短縮できました。
Abiola Braimah, 開発者 @ Studio IX 品質が突出していて細部へのこだわりもすごい。レスポンシブデザインはすべてのデバイスで完璧に動作します。
Acromond X., 共同創業者 @ VectorlabsVentures これらのテンプレートをワークフローに組み込んだことで、開発サイクルが大幅に短縮されました。素晴らしい仕事です。
Raquib S., バックエンド開発者 これらのテンプレートは私たちの定番リソースになりました。コードはクリーンでドキュメントも充実しており、カスタマイズも容易です。
Hallic M., 開発者 @ AtlasLabs Neobrutalism.comのテンプレートは美観と機能性の完璧なバランスを取っています。私たちのプロジェクトにとって本当のゲームチェンジャーです。
Ibrahim S., Frontend Lead @ ScaleUp サポートが優れ、テンプレートの品質もプレミアム。これらのテンプレートのROIは驚異的です。
Kevin K., CEO @ WebCraft Neobrutalism.comのテンプレートは、新規クライアント案件への取り組み方を完全に変えました。コード品質は傑出しており、デザインもまさにワールドクラスです。
Danny G., DevStack創業者 多くのテンプレートライブラリを使ってきましたが、Neobrutalism.comはパフォーマンス最適化とクリーンなコードアーキテクチャへのこだわりで際立っています。
Ian D., WavelengthのCTO これらのテンプレートのアニメーションとマイクロインタラクションは本当に素晴らしい。デザインチームにとって最高の投資です。
Ben S., PixelPerfectのリードデザイナー 技術職ではない創業者として、Neobrutalism.comのテンプレートのおかげでデザイン品質を犠牲にせずMVPを記録的な速さでローンチできました。投資家も驚いていました。
Matthew I., スタートアップ創業者 これらのコンポーネントがどれだけモジュール化され、ドキュメント化されているかを高く評価しています。異なるテンプレートの部品をスムーズに組み合わせられました。
Garrett P., TechFusionのフロントエンドリード Neobrutalism.comテンプレートのROIは信じられないほどです。開発時間を大幅に削減しつつ、より高品質なサイトをクライアントに届けています。
Xavier C., 代理店オーナー
概要
NeoBrutalism
私たちが誰か、ブランドが何を扱うか、サイトで次にどこへ進むか — インストール手順や料金の深掘りではありません。