shadcn.io：shadcn/ui の新しい block を見つける最良の場所

shadcn/ui で開発しているなら、その魔法はもうご存じでしょう。コードが自分のものになるのです。戦うべきブラックボックスの依存関係はありません。コンポーネントをコピーして取り込めば、あとは思いのままに形づくれます。

とはいえ、コンポーネントは小さな部品にすぎません。ボタン、入力欄、カード。本当に時間を吸い取られるのは、それらの部品を組み上げて block にするところです。料金セクション、ダッシュボードの土台、認証画面、機能グリッド。作業の大半（そして、古いプロジェクトからのコピー＆ペーストの大半）が、実際に発生するのはそこなのです。

その隙間を埋めてくれるのが shadcn.io であり、私たちがここを定番にしている理由です。

shadcn.io とは？

shadcn.io は、shadcn/ui の上に構築された block の、大規模で今も活発に成長し続けているレジストリです。プリミティブではなく、ページにそのまま置いて出荷できる、組み上げ済みの完成されたセクションが揃っています。自分で組み立てれば午後いっぱいかかりそうなレイアウトが、ここにあります。

どの block も、shadcn/ui そのものと同じ哲学に従っています。自分が所有するプレーンなコードで、Tailwind でスタイリングされ、ランタイムのロックインはありません。インストールすれば、それはあなたのコードベースの一部になります。

新しい block を探すのに最適な理由

ここが際立っているポイントはいくつかあります。

• 幅広さ。 マーケティングセクション、ダッシュボード、テーブル、認証フロー、料金表、お客様の声。ほんの一握りのデモではなく、実際のプロダクトが本当に必要とするページを、カタログが網羅しています。
• 新しさ。 新しい block が定期的に追加されるので、1 年前に最後に触れられたきりのものではなく、今どきのパターンで開発できます。
• 祈りながらインストールするのではなく、コピー＆ペースト。 block は shadcn/ui のプリミティブから組み上げられているので、まるで自分が書いたかのように読めます。カスタマイズも、テーマの適用も簡単です。
• レジストリと自然に馴染む。 block は、あなたがすでに使っている shadcn のワークフローにそのまま収まります。新しく覚えることは何もありません。

私たちの使い方

私たちのやり方はシンプルです。8 割方できあがっている shadcn.io の block からページを起こし、残りの 2 割をブランドに合わせて仕上げます。コードが自分のものなので、その最後の 2 割は造作もありません。トークンを差し替え、余白を調整すれば、完成です。「料金ページをデザインする」という作業が、1 日がかりから 1 時間へと変わります。

Neobrutalism ♥ shadcn.io

私たちは shadcn.io とパートナーであることを誇りに思っています。Neobrutalism の shadcn/ui に対するネオブルータリズムの解釈が気に入っているなら、彼らの block ライブラリでもきっとくつろげるはずです。所有モデルも、Tailwind の土台も同じで、カバーする範囲ははるかに広いのですから。

shadcn.io でコレクションを見て回り、block がすでに用意されているとき、ページがどれほど速く形になるのかを体感してください。