Components#
Flutter와 Web에서 사용할 수 있는 CoUI 컴포넌트 라이브러리의 전체 목록입니다. 각 카드를 클릭하면 상세 문서로 이동합니다.
Control4
Buttons, toggles, and interactive controls.
Form19
Form inputs and data entry components.
TextField
Text input field
TextArea
Multi-line text
Select
Dropdown select
Checkbox
Check/uncheck
Slider
Range slider
DatePicker
Date selector
TimePicker
Time selector
ColorPicker
Color selector
AutoComplete
Auto-suggestions
InputOtp
OTP input
RadioGroup
Radio selection
StarRating
Star rating
PhoneInput
Phone number
ChipInput
Tag input
SwitchField
Switch toggle
Sortable
Drag to reorder
Fieldset
Field grouping
FileInput
File upload
Form
Form container
Display42
Visual content and data display.
Avatar
User avatar
Badge
Status badge
Card
Content card
CardImage
Interactive card with an image + title/subtitle
DescriptionCard
Label/value metadata summary card
Icon
Icon display
Progress
Progress bar
Table
Data table
Text
Typography
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
FadeScroll
Scroll edge fade wrapper
Indicator
Corner badge wrapper
Kbd
Keyboard key
Label
Form field label
NumberTicker
Animated number
Skeleton
Loading skeleton
Stat
Statistics
Status
Status indicator
Countdown
Count down timer
Loading
Loading spinner
HoverGallery
Hover gallery
ValidationBadge
Validation status
KeyboardShortcut
Shortcut display
Tracker
Status tracker
Link
Styled link
Mask
Clip content to a shape
MediaQuery
Responsive visibility by breakpoint
Mockup
Device mockup
OverflowMarquee
Scrolling marquee for overflow text
ResponsiveContainer
Centred, max-width layout wrapper
ResponsiveGrid
CSS-Grid-based responsive grid with col/row span
Navigation7
Page navigation and wayfinding.
Overlay8
Modals, tooltips, and floating UI.
Layout25
Structure and content organization.
Accordion
Expandable sections
Alert
Alert message
Collapsible
Collapsible panel
Stepper
Step indicator
Steps
Steps display
Timeline
Event timeline
Tree
Tree view
Resizable
Resizable panel
ScrollableClient
2D scrollable viewport with offset-aware builder
Separator
Visual separator
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
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
Swap
Swap animation
Menu3
Context menus and dropdown actions.