灰阶加载旋转器

一个简单的加载旋转器组件，采用灰度色彩，侧重于微互动。

预览

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>

相关组件

加载器组件

一个基于材料设计原则的加载器组件，支持深色模式和响应效果，兼容 Tailwind CSS。

打开

Loaders 组件

以粗野主义风格设计的 Loaders 组件，侧重于商业/公司网站的交互性，具有类似的配色方案和响应式设计，并支持深色模式。该设计展示了不同的加载器动画，这些动画捕捉了粗野主义的大胆和原始美学。

打开

新拟态加载器

一个简单的新拟态加载器组件，具有单色调色方案，适用于投资组合，支持响应式设计和黑暗主题。

打开