코드 복사 완료!
🎨 MOA UI KIT v2.1 — 클릭하여 복사
🎨 MOA UI KIT v2.1
각 컴포넌트를 클릭하면 HTML + CSS가 클립보드에 자동 복사됩니다
🖱️ 클릭 복사 🧩 컴포넌트 80+ 📐 GRID 12컬럼 🌗 다크모드
📊 Stat Cards
카드를 클릭하면 HTML + CSS가 복사됩니다
12,480
총 사용자
↑ 12.5%
₩8.4M
월 매출
↑ 8.2%
3,241
신규 주문
↓ 3.1%
94.2%
만족도
↑ 1.8%
🔘 Buttons
버튼을 클릭하면 해당 버튼의 HTML + CSS가 복사됩니다
Solid
Outline
Soft
Gradient · Pill · 크기 · 아이콘
🏷️ Badges & Tags
뱃지·태그를 클릭하면 복사됩니다
Soft Badges
Primary Success Danger Warning Info Dark
Solid · Pill · Dot
신규 온라인 오프라인 대기
Tags / Chips
기본 Primary × Success × Danger ×
Breadcrumb
홈/ 게시판/ 게시글 상세
🔔 Alerts & Toast
알림 박스를 클릭하면 복사됩니다
이것은 Primary 알림입니다.
성공! 작업이 완료되었습니다.
오류! 문제가 발생했습니다.
경고! 입력 내용을 확인해 주세요.
정보: 유용한 정보를 확인하세요.
Toast 데모
🃏 Cards
카드를 클릭하면 복사됩니다
기본 카드
카드 본문 텍스트입니다.
헤더 카드
헤더와 푸터가 있는 카드입니다.
2025-01-01 업데이트
그라데이션 카드
그라데이션 배경의 카드입니다.
Primary
상단 테두리 강조
Success
성공 상태 강조
Danger
위험 상태 강조
🪟 Modals
버튼 영역을 클릭하면 모달 HTML + CSS가 복사됩니다
📁 Tabs
탭 영역을 클릭하면 복사됩니다
언더라인 탭
홈 탭 콘텐츠입니다.
프로필 탭 콘텐츠입니다.
설정 탭 콘텐츠입니다.
Pill 탭
전체 항목을 표시합니다.
활성 항목만 표시합니다.
종료된 항목을 표시합니다.
👤 Avatars
아바타를 클릭하면 복사됩니다
A
B
C
D
E
A
B
C
+5
📊 Progress
프로그레스 바를 클릭하면 복사됩니다
Primary 75%75%
Success60%
Danger40%
줄무늬 애니85%
Large55%
⏳ Spinners
스피너를 클릭하면 복사됩니다
📋 List Group
리스트 아이템을 클릭하면 복사됩니다
대시보드신규
사용자 관리128명
설정
📐 Grid System
12컬럼 row/col + CSS Grid 유틸리티
각 그리드 행을 클릭하면 복사됩니다
12컬럼 Row/Col
col-12
col-6
col-6
col-4
col-4
col-4
col-3
col-3
col-3
col-3
col-2
col-4
col-6
CSS Grid 유틸리티
grid-2
grid-2
grid-3
grid-3
grid-3
grid-4
grid-4
grid-4
grid-4
auto
auto
auto
📝 Form Elements
각 입력 그룹을 클릭하면 복사됩니다
올바른 이메일 형식
8자 이상 입력하세요
최대 500자
입력 그룹
@
₩.00
https://
✅ Checkboxes & Radios
기본(20px) · 대형(26px) · 특대(32px) · 색상 변형
체크박스/라디오를 클릭하면 복사됩니다
체크박스 20px
체크박스 26px (check-lg)
체크박스 32px (check-xl)
라디오 20px
라디오 26px (check-lg)
라디오 32px (check-xl)
색상 체크박스
라디오 토글 그룹
🔛 Switches
스위치를 클릭하면 복사됩니다
기본 스위치 (44px)
대형 스위치 (56px)
색상 스위치
📋 Tables
테이블을 클릭하면 복사됩니다
기본 테이블
#이름이메일상태액션
1홍길동hong@example.com활성
2김철수kim@example.com대기
줄무늬 테이블
상품명가격재고상태
무선 헤드폰₩99,000120활성
러닝화₩59,99080활성
스마트워치₩129,0000품절
테두리 + 소형
이름부서직위입사일
김민준개발팀팀장2020-03-01
이서연디자인팀선임2021-07-15
MOA UI KIT v2.1 · PHP & 바이브 코딩 전용