ローダーコンポーネント

補色スキームのシンプルなダークモードローダーコンポーネント。

プレビュー

HTMLコード

<div class="flex items-center justify-center min-h-screen bg-gray-900">
  <div class="relative">
    <div class="h-24 w-24 rounded-full border-t-8 border-b-8 border-purple-500"></div>
    <div class="absolute top-0 left-0 h-24 w-24 rounded-full border-t-8 border-b-8 border-pink-500 animate-spin"></div>
  </div>
</div>

関連コンポーネント

ローダーコンポーネント

ダークモードをサポートするレスポンシブローダーコンポーネント。

開ける

ローダーコンポーネント

ビジネス/企業Webサイトのインタラクティブ性に焦点を当てたブルータリズムスタイルで設計されたローダーコンポーネントで、類似の配色とダークモードをサポートするレスポンシブデザインが特徴です。このデザインは、ブルータリズムの大胆で生々しい美学を捉えたさまざまなローダーアニメーションを紹介しています。

開ける

ローダーコンポーネント

マテリアルデザインスタイルで設計されたローダーコンポーネントで、レスポンシブエフェクトと Tailwind CSS を使用したダークテーマのサポートが特徴です。

開ける