그레이스케일 로딩 스피너

회색조 색상과 마이크로 상호 작용 초점이 있는 간단한 로딩 스피너 구성 요소입니다.

미리 보기

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 지원이 있습니다.

열다

로더 구성 요소

3D로 디자인된 로더 컴포넌트는 Tailwind CSS를 사용하여 깊이와 몰입도, 반응형 효과, 어두운 테마 지원이 있는 로딩 애니메이션을 보여줍니다.

열다