CCHub Logo CCHub Tailwind Collection
구성 요소 단추 Buttons 구성 요소

Buttons 구성 요소

작품이나 제품을 선보이는 포트폴리오를 위해 설계된 미니멀리스트 버튼 구성 요소로, Tailwind CSS를 사용하여 어두운 테마를 지원하는 생생한 색상과 반응형 디자인을 특징으로 합니다.

미리 보기

HTML 코드 

<div class="flex flex-col items-center justify-center h-screen bg-white dark:bg-gray-900 p-4">
    <h1 class="text-2xl font-bold text-gray-800 dark:text-white mb-6">Portfolio Buttons</h1>
    <div class="space-y-4">
        <a href="#" class="inline-flex items-center justify-center px-6 py-3 text-lg font-medium text-white bg-red-500 rounded hover:bg-red-600 dark:bg-red-700 dark:hover:bg-red-600 transition duration-200">View Projects</a>
        <a href="#" class="inline-flex items-center justify-center px-6 py-3 text-lg font-medium text-white bg-green-500 rounded hover:bg-green-600 dark:bg-green-700 dark:hover:bg-green-600 transition duration-200">Contact Me</a>
        <a href="#" class="inline-flex items-center justify-center px-6 py-3 text-lg font-medium text-white bg-blue-500 rounded hover:bg-blue-600 dark:bg-blue-700 dark:hover:bg-blue-600 transition duration-200">Download CV</a>
    </div>
</div>

관련 구성 요소

아르 데코 부동산 버튼 구성 요소

부동산 플랫폼을 위한 복잡한 아르데코에서 영감을 받은 버튼 구성 요소로, 기하학적 패턴, 고급스러운 그레이스케일 스타일, 다양한 인터랙티브 요소를 특징으로 하며 완전한 응답성과 다크 모드를 지원합니다.

열다

유쾌한 엔터테인먼트 버튼

엔터테인먼트 또는 미디어 플랫폼을 위해 디자인된 재미있고 재미있는 버튼 세트로, 차분하거나 채도가 낮은 색상과 둥근 요소를 특징으로 합니다. 반응형이며 다크 모드 지원이 포함됩니다.

열다

Buttons 구성 요소

트라이어딕 색 구성표, 단순한 복잡성 및 다크 모드를 지원하는 반응형 디자인을 갖춘 레트로 빈티지 테마 버튼 구성 요소로 블로그 또는 콘텐츠 웹 사이트에 적합합니다.

열다