미니멀리스트그레이스케일로더
미니멀리스트/플랫 디자인, 그레이스케일 색 구성표, 반응형 디자인과 어두운 테마를 지원하는 비즈니스/기업 웹사이트를 위한 중간 복잡성 로더 구성 요소.
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>관련 구성 요소
Neumorphic Loaders 컴포넌트
블로그 또는 콘텐츠 사이트에 적합한 유사한 색 구성표를 가진 Neumorphic Loaders 구성 요소로, 반응형 디자인과 어두운 테마 지원을 특징으로 합니다.
Glassmorphism Loader 구성 요소
보색이 있는 간단한 glassmorphism 스타일의 로더 구성 요소로, 포트폴리오에 적합하며 반응형 및 다크 모드를 지원합니다.
Skeuomorphic Loader 컴포넌트
스큐어모픽 디자인, 보색 구성표 및 다크 모드 지원을 갖춘 전문적이고 반응이 빠른 로더 구성 요소로 비즈니스/기업 웹 사이트에 적합합니다. 금속과 같은 컨테이너 안에 있는 미묘한 애니메이션 로딩 바가 특징입니다.