Components

63 components in the catalog. Every page is built with Sketchpad UI. Shipped components include live previews and copy-paste snippets.

Available (63)

Accordion

Vertically stacked sections with sketch fold lines.

Alert

Inline feedback banner with icon and message.

Alert Dialog

Modal that interrupts with a required action.

Aspect Ratio

Constrain media to a sketch frame ratio.

Attachment

File chip for chat and upload UIs.

Avatar

Sketch-framed user image or placeholder.

Badge

Pill labels with stamp and marker variants.

Bubble

Chat message container with sketch tail.

Breadcrumb

Hierarchy trail with sketched arrow separators.

Button

Interactive buttons with pen-on-paper borders.

Button Group

Grouped actions in a segmented sketch control.

Calendar

Date grid with rough day cells.

Card

Paper sheet surface with header, content, and footer slots.

Carousel

Slideshow with sketch arrow navigation.

Chart

Simple charts on hand-drawn axes.

Checkbox

Tick draws itself on check.

Collapsible

Expand/collapse with sketch chevron.

Combobox

Searchable select with filter.

Command

⌘K command palette.

Context Menu

Right-click sketch menu.

Data Table

Sortable, selectable table.

Date Picker

Input with calendar popover.

Dialog

Modal paper sheet over backdrop.

Direction

RTL and logical properties provider.

Drawer

Edge panel that slides in.

Dropdown Menu

Action menu anchored to a trigger.

Empty

Empty state with illustration slot.

Field

Label, control, hint, and error as one unit.

Hover Card

Rich preview card on hover.

Input

Single-line text with sketch border.

Input Group

Input with prefix and suffix slots.

Input OTP

One-time code boxes.

Item

Generic list row with media and actions.

Kbd

Keyboard shortcut badge.

Label

Accessible form label.

Marker

Read receipt or delivery indicator.

Menubar

Horizontal application menu bar.

Message

Chat message with avatar and meta.

Message Scroller

Scrollable chat message list.

Native Select

Styled native select fallback.

Navigation Menu

Site nav with nested menus.

Pagination

Sketch-boxed page numbers.

Popover

Floating paper note panel.

Progress

Sketch track with marker fill.

Radio Group

Mutually exclusive sketch circles.

Resizable

Drag-to-resize panels.

Scroll Area

Custom sketch scrollbar.

Select

Custom listbox with full keyboard support.

Separator

Rough horizontal divider.

Sheet

Slide-over panel from an edge.

Sidebar

Vertical nav with marker highlights.

Skeleton

Deterministic scribble loading lines.

Slider

Range input with sketch thumb.

Sonner

Stacked toast notifications.

Spinner

Loading indicator.

Switch

Toggle switch with sketched knob.

Table

Data table with rough row dividers.

Tabs

Folder-tab sketch navigation.

Textarea

Multi-line sketch-bordered input.

Toast

Transient paper-note notifications.

Toggle

Pressable toggle button.

Toggle Group

Grouped toggle buttons.

Tooltip

Hint on hover or focus.

Partial (0)

Planned (0)