ブログブロック
記事を掲載します。 ネオブルータリズム調のすぐ使える React UI ブロックです。ヒーロー、料金、認証、ダッシュボードなど。あらゆる画面サイズでプレビューし、コードをコピーするか、MCP サーバー経由で AI エージェントからインストールできます。Radix UI・Base UI・React Aria に対応。
- Hero・料金・認証
- すべてのブレークポイントをプレビューする
- ソースをコピーする
- MCP インストール準備完了
- Radix · Base UI · React Aria
- 158 既製のブロック
- 出荷されるページセクション
- ダッシュボードとマーケティング
- Pro コードのロックを解除する
- ドロップインレイアウト
すべてのレイアウトを参照
ブログ
8 個のブロック、任意のカードをクリックして全画面プレビュー、コード、インストール手順を表示。
- 01Pro
読了時間バー付きブログカード
読了時間バーとRead fullチップがReact・Tailwind製ブロググリッドの各カードを締めくくり、全幅のリード記事1本の下に並びます。フィードを差し替えるだけ。
- 02Pro
サイドバー付き特集記事
1本のリード記事が8列、画像なしのサイドバー記事3本が4列を取る、React・Tailwind製ブログセクション。一番伝えたい記事を先頭に。
- 03Pro
サムネイル付きブログリスト
カードではなく行。二重シャドウのサムネイル、カテゴリーチップ、見出し、バイラインを各行に。React・Tailwind製、長いアーカイブに向いています。
- 04Pro
マガジン風ブロググリッド
ポートレートサムネイルの横にコピーを配置した幅広カード2枚が、縦積みの1枚と並ぶReact・Tailwind製マガジングリッド。目次ページのように組みます。
- 05Pro
マソンリーブログフォトグリッド
CSSカラムによって各カバーが撮影時の比率を保ちます。大文字の見出しとタグチップ付き、React・Tailwind製。写真そのものを主役に。
- 06Pro
テキストのみのブロググリッド
カバー画像は一切なし。カテゴリーチップ、見出し、アバター、相対時刻だけをReact・Tailwind製カードに。ホバーで枠線が現れます。記事をより速く出せます。
- 07Pro
オーバーラップカードブログヒーロー
リードカードが全幅カバー写真の下端からはみ出す構成。React・Tailwind製カード3枚がインセットサムネイルを持つ。1枚の写真から始まります。
- 08Pro
3列ブログカードグリッド
角にカテゴリーチップ、抜粋を制限した3枚の均等カードが、強調見出しとview-allボタンの下に並びます。React・Tailwind製ブログインデックス。