Docs Components Blocks Templates Community Pricing

Loading

복사해서 바로 쓰는 React 컴포넌트. Base UI + Tailwind CSS 기반.

문서

소개
설치
테마

컴포넌트

전체 보기
블록
템플릿
멤버십

리소스

변경 내역
Base UI
Tailwind CSS

약관

개인정보처리방침
이용약관
환불·취소 정책

Family

Groudit
Groudit UI
Ahopkhan

Groudit | 대표자: 최준경 | 사업자등록번호: 863-08-03234 | 통신판매업 신고번호: 2026-suwonjangan-0159

문의: hello@groudit.com

© 2026 Groudit. All rights reserved.정성껏 만든 Korea에서.

Getting Started

Introduction
Installation

Design Guide

UX/UI Guide
Typography
Colors
Color Palettes
Color Usage
Spacing

Foundations

Connecting Data
Accessibility
Internationalization
Versioning

Primitives

Button
Button Group
Badge
Avatar
Separator
Skeleton
Card

Form

Input
Textarea
Label
Checkbox
Switch
Select
Form
Radio Group

Navigation

Tabs
Accordion
Dropdown Menu
Menubar
Breadcrumb
Pagination
Command
Sidebar
Nested Sidebar
Wizard

Overlay

Dialog
Sheet
Drawer
Tooltip
Popover
Hover Card

Feedback

Alert
Sonner
Progress
Spinner

Data

Table
Table Toolbar
Barcode
Barcode Scanner Dialog
Calendar
Date Range Picker
Slider
Scroll Area
Aspect Ratio
Resizable
Chart

EnterpriseERP-style

Flexible Column Layout
Dynamic Page
Filter Bar
Column Filter
Editable Cell
Object Identifier
Object Number
Semantic Text

←Barcode Calendar→

Barcode Scanner Dialog

Membership

카메라로 바코드·QR 을 스캔하는 다이얼로그. zxing 기반.

멤버 전용 컴포넌트

Barcode Scanner Dialog 의 프리뷰와 소스코드는 멤버십 가입 후 이용할 수 있습니다.

멤버십 보기 로그인

← PreviousBarcode

Next →Calendar