CCHub Logo CCHub Tailwind Collection
コンポーネント インフォグラフィック RetroInfographicsコンポーネント

RetroInfographicsコンポーネント

レトロ/ビンテージデザイン、パステルカラースキーム、ダークモードをサポートするレスポンシブインフォグラフィックコンポーネント。スタイリングにTailwind CSSを使用し、ブログやコンテンツの使用に適した複雑なインターフェイス用の複数のインタラクティブ要素が含まれています。タイムライン、プログレスバー、チャート、コールトゥアクションが含まれており、すべて80年代/90年代の美学とパステルカラーでスタイリングされています。picsum.photosからのランダムな画像を使用し、アバターに randomuser.me します。

プレビュー

HTMLコード 

<div class="bg-gradient-to-b from-pink-200 to-purple-200 dark:from-gray-800 dark:to-gray-900 min-h-screen p-8 font-mono">
  <div class="container mx-auto">
    <h1 class="text-4xl text-center text-gray-800 dark:text-white mb-12 uppercase tracking-wide">Digital Voyage: An Infographic</h1>

    </div>

  </div>
</div>

関連コンポーネント

インフォグラフィックコンポーネント

Tailwind CSS を使用して作成された、ダークテーマのサポートによりユーザーのアクションに応答する小さくて魅力的なアニメーションを特徴とするレスポンシブ インフォグラフィック コンポーネント。

開ける

Neumorphic Eコマースインフォグラフィックコンポーネント

eコマース用のシンプルでレスポンシブなニューモルフィックインフォグラフィックコンポーネントで、類似の配色を使用し、ダークモードをサポートしています。

開ける

インフォグラフィックコンポーネント

ダークテーマをサポートする Tailwind CSS を使用してスキューモーフィックスタイルでデザインされたレスポンシブインフォグラフィックコンポーネント。現実世界の要素を模倣して、情報を視覚的に表示します。

開ける