Skip to main content

Components

Primitives and composed UI, built from the token layer up.

Button

Transparent at rest, 10% overlay on hover. Gravity-pulled.

Link

20% underline at rest, 100% on hover. Gravity-pulled.

Divider

Horizontal only. 10% opacity. No vertical dividers ever.

Input

Text fields, select, choice, and search dropdown.

Tabs

Horizontal tabs with animated indicator transitions.

Icon

Searchable catalogue. currentColor strokes, 6 size variants.

Cursor

1.25em inverted dot. Morphs on context. Lerp 0.22.

Feedback

Badge, Alert, Progress, Skeleton — status and loading signals.

Overlay

Tooltip, Dialog, Sheet, Popover, DropdownMenu.

Controls

Switch, Accordion, Command palette.

Data

Read-only and inline-editable data tables.

Calendar

Inline calendar picker and date text input.

Card

Square tiles with hover-revealed actions and timestamp meta.

Content

ContentCard and CodeSnippet for structured copy.

Upload

File dropzone, file chips, and download tiles.

Media

Scroll-bent image/video — WebGL peel effect on hero media.


Design System/Components
Made by Shinoda2026