ミニマリストグレースケールローダー

ミニマリスト/フラットデザイン、グレースケールの配色、レスポンシブデザインとダークテーマをサポートするビジネス/企業Webサイト向けの適度な複雑さのローダーコンポーネント。

プレビュー

HTMLコード

<div class="flex items-center justify-center min-h-screen bg-gray-100 dark:bg-gray-900">
  <div class="w-16 h-16 border-4 border-gray-300 border-t-gray-900 rounded-full animate-spin dark:border-gray-700 dark:border-t-gray-100"></div>
</div>

関連コンポーネント

ローダーコンポーネント

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

開ける

ローダーコンポーネント

単色の配色を使用したダークモードのソーシャルメディアインターフェース用に設計されたシンプルなローダーコンポーネント。

開ける

ローダーコンポーネント

ブログやコンテンツ重視の Web サイト用にトライアドカラースキームを使用してスキューモーフィックスタイルでデザインされた Loaders コンポーネント。コンテンツの消費に適したシンプルなレイアウトが特徴で、ダークモードのサポートが組み込まれています。

開ける