ローダーコンポーネント

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

プレビュー

HTMLコード

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

関連コンポーネント

Neumorphic Loaders コンポーネント

類似の配色を持つ Neumorphic Loaders コンポーネントで、ブログやコンテンツサイトに最適で、レスポンシブデザインとダークテーマのサポートが特徴です。

開ける

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

レスポンシブエフェクトとTailwind CSSを使用したダークテーマのサポートを備えたNeumorphismスタイルのローダーコンポーネント。JavaScriptは必要ありません。微妙な影を使用して、背景から押し出された効果を作成します。ダークモードはCSSでサポートされています。

開ける

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

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

開ける