Components#
Flutter와 Web에서 사용할 수 있는 CoUI 컴포넌트 라이브러리의 전체 목록입니다. 각 카드를 클릭하면 상세 문서로 이동합니다.
Control6
Buttons, toggles, and interactive controls.
Form31
Form inputs and data entry components.
TextField
Text input field
TextArea
Multi-line text
Select
Dropdown select
Checkbox
Check/uncheck
Toggle
On/off toggle
Slider
Range slider
DatePicker
Date selector
TimePicker
Time selector
ColorPicker
Color selector
AutoComplete
Auto-suggestions
InputOtp
OTP input
RadioGroup
Radio selection
MultipleChoice
Single-select option group
StarRating
Star rating
Range
Dual-handle range slider
ItemPicker
Searchable item picker
MultiAnswerCard
Selectable answer card
FormattedInput
Masked / segmented input
ObjectInput
Key-value field input
PhoneInput
Phone number
ChipInput
Tag input
SwitchField
Switch toggle
Sortable
Drag to reorder
Fieldset
Field grouping
FileInput
File upload
Form
Form container
FormLabel
Form field label
FormField
Form field wrapper (Form 내부)
Formatter
Input formatter factories
Validated
Validation ring wrapper
ValidatorHint
Validation message
Display33
Content and data display components.
Avatar
User avatar
Badge
Status badge
Progress
Progress bar
Calendar
Calendar view
Banner
Banner message
Carousel
Image carousel
Chat
Chat bubbles
Chip
Info chip
ChipGroup
Selectable chip group
CodeDiff
Line-by-line code diff
Diff
Before/after split-view
CodeSnippet
Code display
Divider
Content divider
DotIndicator
Dot indicator
EmptyState
Empty placeholder
Indicator
Corner badge wrapper
Kbd
Keyboard key
Label
Form field label
NumberTicker
Animated number
AspectRatioBox
Fixed width:height container
Skeleton
Loading skeleton
Stat
Statistics
Status
Status indicator
Countdown
Count down timer
DescriptionCard
Label/value metadata summary card
Loading
Loading spinner
HoverGallery
Hover gallery
ValidationBadge
Validation status
KeyboardShortcut
Shortcut display
Tracker
Status tracker
Mockup
Device mockup
Timeline
Event timeline
Swap
Swap animation
Layout33
Structure, containers, and layout components.
Accordion
Expandable sections
Collapsible
Collapsible panel
Card
Content card
CardImage
Interactive card with an image + title/subtitle
Table
Data table
Stepper
Step indicator
Steps
Steps display
Tree
Tree view
Resizable
Resizable panel
ScrollArea
Styled scrollable viewport
FadeScroll
Scroll edge fade wrapper
ScrollableClient
2D scrollable viewport with offset-aware builder
OverflowMarquee
Scrolling marquee for overflow text
StackLayout
Layered children with per-layer offset
StageContainer
Responsive container with breakpoint padding
Window
Multi-window manager with drag, resize and snapping
WindowPanel
Window-style panel with title bar + controls
DraggablePanel
Floating, draggable, edge-docking tool palette
Join
Join elements
Basic
Slot-based row layout
Dock
Bottom navigation bar
Footer
Page footer with branding & nav sections
Frame
Unified Figma-frame primitive (Auto Layout + chrome)
Group
Absolute-positioning layout primitive
HeroSection
Large landing hero with image, overlay, and centred content
Hidden
Collapse toggle wrapper with fade + size animation
Listing
Row-based list container with smart column grow
Gap
Spacing utility
Mask
Clip content to a shape
MediaQuery
Responsive visibility by breakpoint
ResponsiveContainer
Centred, max-width layout wrapper
ResponsiveGrid
CSS-Grid-based responsive grid with col/row span
Scaffold
Screen layout structure
Navigation7
Navigation and wayfinding components.
Menu5
Menus and contextual actions.
Overlay9
Dialogs, popovers, and overlays.
Icon2
Iconography components.
Text4
Typography and text components.
Infra7
Low-level building-block components.