极简灰度加载器

一个极简/平面设计，使用灰度配色方案，适合商业/企业网站的中等复杂性加载器组件，支持响应式设计和暗色主题。

预览

HTML 代码

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

相关组件

拟物加载器

一个神经形风格的加载器组件，具有响应效果和暗主题支持，使用Tailwind CSS。不需要JavaScript。使用微妙的阴影创建从背景凸出效应。支持CSS的暗模式。

打开

暗黑模式加载器

用于深色模式界面的加载器或骨架组件，具有响应功能。无需 JavaScript。

打开

加载器组件

一个为暗模式设计的响应式加载器组件，具有地球色调和适度复杂性，适合展示作品集。

打开