グレースケールローディングスピナー

グレースケールカラーとマイクロインタラクションフォーカスを備えたシンプルなローディングスピナーコンポーネント。

プレビュー

HTMLコード

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

関連コンポーネント

Glassmorphism ローダーコンポーネント

シンプルなglassmorphismスタイルのローダーコンポーネントで、補色があり、ポートフォリオに適しており、レスポンシブモードとダークモードがサポートされています。

開ける

ニューモーフィズムローダー

ポートフォリオ用の単色の配色を備えたシンプルなNeumorphismローダーコンポーネントで、レスポンシブデザインとダークテーマがサポートされています。

開ける

NeonGlowウェザーローダー

ネオングロー効果、ブラックとホワイトのベース、ダークモードのサポートを含む鮮やかなアクセントカラーを備えた、シンプルで応答性の高いウェザー/クライメートローダーコンポーネント。

開ける

グレースケール ローディング スピナー