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

←Table Toolbar Barcode Scanner Dialog→

Barcode

Membership

Code 128 1D 바코드. 의존성 없이 SVG 로 렌더.

Barcode 미리보기

멤버 전용 컴포넌트

완성된 화면입니다. Barcode 의 동작 프리뷰와 소스코드는 멤버십 가입 후 이용할 수 있습니다.

멤버십 보기 로그인

← PreviousTable Toolbar

Next →Barcode Scanner Dialog