로더 구성 요소

다크 모드를 지원하는 반응형 로더 구성 요소입니다.

미리 보기

HTML 코드

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

관련 구성 요소

로더 구성 요소

머티리얼 디자인 스타일의 로더 컴포넌트는 작업이나 제품을 선보이기 위한 반응형 디자인으로, 어두운 테마를 특징으로 하고 Tailwind CSS를 사용합니다.

열다

뉴모피즘 로더

포트폴리오에 대한 단색 색 구성표가 있는 간단한 Neumorphism 로더 구성 요소로, 반응형 디자인과 어두운 테마를 지원합니다.

열다

로더 구성 요소

비즈니스/기업 웹사이트의 상호 작용에 중점을 두고 브루탈리즘 스타일로 설계된 로더 구성 요소로, 유사한 색 구성표와 다크 모드를 지원하는 반응형 디자인이 특징입니다. 이 디자인은 브루탈리즘의 대담하고 생생한 미학을 포착하는 다양한 로더 애니메이션을 보여줍니다.

열다