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

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

プレビュー

HTMLコード

<div class="flex items-center justify-center h-screen bg-gray-100 dark:bg-gray-800">
  <div class="flex space-x-2 animate-pulse">
    <div class="w-4 h-4 bg-gray-400 rounded-full dark:bg-gray-600 shadow-inner dark:shadow-inner-dark"></div>
    <div class="w-4 h-4 bg-gray-400 rounded-full dark:bg-gray-600 shadow-inner dark:shadow-inner-dark"></div>
    <div class="w-4 h-4 bg-gray-400 rounded-full dark:bg-gray-600 shadow-inner dark:shadow-inner-dark"></div>
  </div>
</div>

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

プレビュー

HTMLコード

関連コンポーネント

NeonGlowウェザーローダー

ニューモルフィックローダー

ローダーコンポーネント