Repolode
投稿する
ekmas

ekmas/neobrutalism-components

shadcn/uiをベースに、Tailwind CSSで構築されたネオブルータリズム風UIコンポーネント集。

GitHub で見る公式サイト
スター
5,642
フォーク
192
未解決の Issue
3
最終コミット
2 か月前

これは何？

Neobrutalism Componentsは、shadcn/uiのコンポーネントにネオブルータリズムのビジュアルスタイルを取り入れた、ReactとTypeScript向けのコンポーネントライブラリです。ネオブルータリズムは、太いアウトライン、くっきりとしたドロップシャドウ、彩度の高いフラットカラー、コントラストの強いタイポグラフィが特徴です。このプロジェクトでは、そうした見た目をすぐに使えるTailwindコンポーネントとして提供しています。

各コンポーネントは、shadcn/uiとTailwind CSSをすでに使っているNext.jsなどのReactプロジェクトにコピーして使えるよう設計されています。neobrutalism.devのドキュメントサイトでは、使用例やセットアップ手順を紹介しています。

ネオブルータリズムの美学を試してみたい開発者や、このスタイルのレイアウトを作る際の出発点を求める開発者を対象としています。

主な機能

  • 01shadcn/uiのコンポーネントをネオブルータリズム風にアレンジ
  • 02React、TypeScript、Tailwind CSSで構築
  • 03既存のshadcn/uiプロジェクトにコピーして利用可能
  • 04使用例を掲載したドキュメントサイトを提供

ユースケース

  • 大胆なネオブルータリズムスタイルのランディングページやマーケティングサイトの構築
  • 個性的なビジュアルのUIレイアウトのプロトタイピング
  • Tailwindを使ったshadcn/uiコンポーネントのカスタマイズ方法の学習

クイックスタート

  1. 1

    ドキュメントを確認して始めましょう

収録されている特集

フロントエンドのフレームワークとUIコンポーネント

トピック

#react#tailwind#shadcn-ui#ui-components#typescript#design-system#neobrutalism#neobrutalism-components#nextjs#react-component-library

よくある質問

neobrutalism-components とは？
shadcn/uiをベースに、Tailwind CSSで構築されたネオブルータリズム風UIコンポーネント集。 Neobrutalism Componentsは、shadcn/uiのコンポーネントにネオブルータリズムのビジュアルスタイルを取り入れた、ReactとTypeScript向けのコンポーネントライブラリです。ネオブルータリズムは、太いアウトライン、くっきりとしたドロップシャドウ、彩度の高いフラットカラー、コントラストの強いタイポグラフィが特徴です。このプロジェクトでは、そうした見た目をすぐに使えるTailwindコンポーネントとして提供しています。
neobrutalism-components は無料で使えますか？ライセンスは？
neobrutalism-components は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
neobrutalism-components は今もメンテナンスされていますか？
半年以内に更新あり。neobrutalism-components の最終コミットは 2026年9月19日 です。
neobrutalism-components は何に使えますか？
大胆なネオブルータリズムスタイルのランディングページやマーケティングサイトの構築 個性的なビジュアルのUIレイアウトのプロトタイピング Tailwindを使ったshadcn/uiコンポーネントのカスタマイズ方法の学習
neobrutalism-components のインストール方法は？
ドキュメントを確認して始めましょう
neobrutalism-components はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/ekmas/neobrutalism-components

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト