コンポーネント一覧へ戻る

スペース・エクスプロア React コンポーネント

これは何か

白背景の一画面に、SPACE / MARS / EARTH / MERCURY のフォンカードを4枚並べるセクションです。各カードは巨大な縦積みワードマークと惑星／宇宙飛行士を持ちます。見出し・本文と写真を差し替えて、宇宙やトラベル、エンタメ系 LP の中盤にそのまま置けます。

ほかのコンポーネント

一覧を見る →

テンプレートショーケースマーキー

グレイニエント画像セクション

境内ギャラリー

温泉スクロール帯

アルバムパッケージ・ショーケース

コンポーネント

スペース・エクスプロア

白背景の一画面に、SPACE / MARS / EARTH / MERCURY のフォンカードを4枚並べるセクションです。各カードは巨大な縦積みワードマークと惑星／宇宙飛行士を持ちます。見出し・本文と写真を差し替えて、宇宙やトラベル、エンタメ系 LP の中盤にそのまま置けます。

確認しています…

ライブプレビュー

Verified Technical Spec

アニメーション: CSS / Tailwind
Reduced motion: 確認済み
キーボードフォーカス: 確認済み
対応環境: Tailwind CSS v3.4 + v4 · React 19 / Next.js 15 App Router + Vite / Remix 対応

含まれるもの

ソースを Cursor / Claude に渡してエージェントに組み込める
スマートフォン・タブレット・パソコン対応
React · TypeScript · Tailwind CSS の完成 UI

依存パッケージ

React 19.0.0
Typescript 5.7.2
Tailwindcss 3.4.16

技術スタック

React
TypeScript
Tailwind CSS

バージョン 1.0.0