ローダーコンポーネント

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

プレビュー

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>

関連コンポーネント

ローダーコンポーネント

マテリアルデザインスタイルのローダーコンポーネントで、作業や製品を展示するためのレスポンシブデザインで、ダークテーマをフィーチャーし、Tailwind CSSを使用しています。

開ける

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

NeumorphismスタイルとEコマース用のパステルカラースキームのローダーコンポーネント。シンプルな複雑さ、ダークモードのサポートによる応答性。JavaScript はありません。

開ける

ローダーコンポーネント

ダークモード用に設計されたレスポンシブローダーコンポーネントで、アースカラーと適度な複雑さを特徴とし、ポートフォリオの展示に適しています。

開ける