🎨 웹 디자인
HTML/CSS 레이아웃 및 UI 컴포넌트 모음
CSS 애니메이션 그라디언트 효과
움직이는 배경 그라디언트와 텍스트 그라디언트 마스킹 효과가 포함된 시각적 컴포넌트입니다.
CSS 버튼 세트
다양한 variant, size, 상태를 갖춘 완성형 CSS 버튼 컴포넌트 시스템.
CSS Grid 페이지 레이아웃
헤더/사이드바/메인/어사이드/푸터를 갖춘 CSS Grid 기반 전체 페이지 레이아웃.
CSS 로딩 스피너 모음
CSS만으로 구현한 5종류의 로딩 애니메이션. 스피너, 도트, 바, 펄스, 스켈레톤 포함.
접이식 사이드바 레이아웃
토글 애니메이션과 아이콘 메뉴가 포함된 접이식 사이드바 레이아웃입니다.
CSS 토스트 알림 컴포넌트
상태별(성공, 에러, 경고, 정보) 알림과 자동 사라짐 애니메이션이 포함된 토스트 컴포넌트입니다.
CSS-only 툴팁
순수 CSS만으로 구현된 상하좌우 4방향 툴팁 컴포넌트입니다.
다크 모달 컴포넌트
접근성을 갖춘 다크 테마 모달 다이얼로그. 키보드 트랩, ESC 닫기, 스크롤 잠금 포함.
Flexbox 내비게이션 바
다크 테마 반응형 내비게이션 바. 로고, 링크, 액션 버튼, 모바일 햄버거 포함.
대시보드 통계 카드 그리드
현대적인 대시보드 통계 카드 그리드입니다. 숫자, 변화율, 트렌드 아이콘을 포함합니다.
FAQ 아코디언
HTML details와 summary 태그를 사용한 다크 테마 FAQ 아코디언입니다. 부드러운 전환 효과가 포함되어 있습니다.
HTML 랜딩 페이지 스켈레톤
히어로, 기능 소개, CTA 섹션을 갖춘 SaaS 스타일 랜딩 페이지 HTML 뼈대.
다크 테마 로그인 폼
현대적인 다크 테마 로그인 폼입니다. 소셜 로그인 옵션과 기억하기 체크박스를 포함합니다.
SaaS 가격표 레이아웃
다크 테마 기반의 3단 SaaS 가격표입니다. 추천 플랜 강조 효과가 포함되어 있습니다.
반응형 카드 그리드
CSS Grid auto-fill을 사용한 반응형 카드 레이아웃. 호버 효과, 배지, 액션 버튼 포함.