Components

Each page has a live playground, a copyable snippet, and a props table. Sketch props (`roughness`, `seed`, `sketchColor`) are shared across the set.

Accordion

Dividers and a rotating chevron

Alert

Color-coded callout

Alert Dialog

Confirm/destructive-action prompt

Aspect Ratio

Fixed ratio box for media layouts

Avatar

Framed image or initials

Badge

Small tagged label

Breadcrumb

Hand-drawn slash separators

Button

Click target with sketchy chrome

Card

Container with an optional offset shadow

Carousel

Embla slides with outside sketch arrows

Checkbox

Square plus a drawn check

Collapsible

Single section, chevron rotates open

Combobox

Searchable select — Popover + Command

Command

Cmd+K style searchable list, cmdk-powered

Context Menu

Right-click sketch menu

Dialog

Lighter, composable sibling to Modal

Divider

Squiggly rule, horizontal or vertical

Drawer

Bottom sheet with drag handle

Dropdown Menu

Sketchy menu with hand-drawn separators

Empty

Empty-state placeholder with optional frame

Field

Label, control, helper, and error wiring

Hover Card

Hover-triggered sketch card

Input

Text field with a wobbling border

Input Group

One sketch frame for input + addons

Input OTP

Segmented PIN boxes with caret

Kbd

Sketchy keyboard key chip

Label

Typographic caption tied to a field

Menubar

App-style File/Edit menu bar

Modal

Radix dialog with sketch framing

Native Select

Sketchy native select without popover

Navigation Menu

Horizontal nav with dropdowns

Pagination

Circled page buttons

Popover

Sketchy floating panel anchored to a trigger

Progress

Outer bar plus a rougher fill

Prompt Input

Animated AI prompt bar with voice and send button

Radial Progress

Tick-gauge loader with a height wave

Radial Menu

Plus trigger fans sketch actions in an arc

Radio

Circle with a hand-filled dot

Resizable

Draggable panels with sketch handle

Scroll Area

Sketch border + rough scrollbar

Select

Sketchy trigger with a framed menu

Sheet

Edge-anchored slide-out panel

Sidebar

Collapsible app sidebar layout

Skeleton

Scribble-fill loading placeholder

Slider

Wobbly track with a sketch thumb

Spinner

Hand-drawn loading arc

Stepper

Numbered circles on a sketch path

Switch

Pill track and a sliding thumb

Table

Hand-drawn row rules

Tabs

Active underline redraws per tab

Textarea

Multi-line sketch box

Toast

Sketch card that slides in

Toggle

Pressed/unpressed sketch button

Toggle Group

Single or multi-select toggles

Tooltip

Radix tooltip in a sketch bubble

Typography

Headings and text with sketch accents