Clickable button

Command palette

Floating action button

Hover effect wrapper

Theme picker swatches

Segmented filter control

Text input field

Multi-line text

Dropdown select

하나 이상 선택 · 불확정 상태

On/off toggle

Range slider

Date selector

시·분·초 선택

색상 선택 · 편집

Auto-suggestions

OTP input

Radio selection

Single-select option group

Star rating

Dual-handle range slider

Searchable item picker

Selectable answer card

Masked / segmented input

Key-value field input

Phone number

Tag input

Switch toggle

Drag, drop and reorder primitives

Drag to reorder

Field grouping

File upload

Form container

Form field label

Form field wrapper (Form 내부)

Input formatter factories

Validation ring wrapper

Validation message

User avatar

Status badge

Progress bar

Calendar view

Banner message

Image carousel

Promotional strip for a banner carousel

Chat bubbles

Info chip

Selectable chip group

Line-by-line code diff

Before/after split-view

Code display

Content divider

Dot indicator

Empty placeholder

Corner badge wrapper

Keyboard key

Form field label

Animated number

Fixed width:height container

Loading skeleton

Statistics

Status indicator

Count down timer

라벨/값 메타데이터 요약 카드

Loading spinner

Hover gallery

Validation status

Shortcut display

Status tracker

Device mockup

Event timeline

Swap animation

Expandable sections

Collapsible panel

Native <details> section that opens without JavaScript

슬롯 기반 콘텐츠 카드

이미지 + 제목/부제 카드

Data table

Step indicator

Steps display

Tree view

Resizable panel

Styled scrollable viewport

Scroll edge fade wrapper

2D scrollable viewport with offset-aware builder

Scrolling marquee for overflow text

Layered children with per-layer offset

Responsive container with breakpoint padding

드래그 · 리사이즈 · 스냅 창 매니저

Window-style panel with title bar + controls

Floating, draggable, edge-docking tool palette

Join elements

Slot-based row layout

Bottom navigation bar

Page footer with nav sections & legal block

Figma Frame 1:1 레이아웃 프리미티브

Large landing hero with image, overlay, and centred content

Collapse toggle wrapper with fade + size animation

Row-based list container with smart column grow

Spacing utility

Clip content to a shape

Responsive visibility by breakpoint

Current viewport tier accessor (mobile/tablet/desktop)

Centred, max-width layout wrapper

CSS-Grid-based responsive grid with col/row span

Row↔Column layout that flips at a breakpoint tier

Screen layout structure

Application bar with leading / title / trailing clusters

Tab navigation

Tabbed content panels

Bottom nav bar

Breadcrumb trail

Page navigation

View switcher

Menu list

Right-click menu

Dropdown actions

App menu bar

Horizontal mega-menu

Modal dialog

Side drawer

Hover popup

Popover panel

Notification toast

Tooltip hint

Swipe gesture

Pull to refresh

Alert message

Icon display

Ellipsis "more" glyph

Typography

User-selectable text

Semantic prose text block

Styled link

Interaction wrapper

Focus ring chrome

Bordered box chrome

Keyboard focus traversal scope

Desktop scroll interception

Floating panel container

Themed scrollbar