Catalog
Components
W1C components are framework-agnostic custom elements. Import the whole stable set with @w1c/components, or import one component at a time from its package path.
Shell
Controls
Button Raised, sunken, and flat command controls.Address field Toolbar location field.Label Form label with required and disabled states.Input Native text input with W1C control chrome.Select Native select control with W1C control chrome.Textarea Native textarea with W1C control chrome.Checkbox Labelled native checkbox control.Validation message Compact validation and helper message.Tabs Slotted tabs with keyboard selection.
Desktop
Geocities
Badge 88x31 Native-size early-web badge.Visitor counter Odometer-style visitor count.Guestbook panel Guestbook entries and sign links.Webring Previous, home, random, and next ring navigation.Under construction Hazard-stripe unfinished page notice.Marquee Reduced-motion friendly marquee banner.Blink Reduced-motion friendly inline blink emphasis.Tiled background Repeated image or CSS background surface.Link cluster Directory-style link grouping.Last updated Static page update stamp.Image map Clickable sticker sheet with positioned hotspots.
Menus
Documents and data
Data table Dense ARIA table grid.Data list Dense record list surface.Status card Compact status summary card.Endpoint row Dense endpoint and status row.Source viewer Full source viewer shell.Document browser Browser shell with toolbar, sidebar, content, and statusbar.Word processor Editor shell with toolbar, ruler, page, and details pane.JSON viewer Read-only formatted JSON/source viewer.
Feedback and icons
Import paths
import '@w1c/components';
import '@w1c/components/window';
import '@w1c/components/badge-88x31';
import '@w1c/components/data-table';
import '@w1c/components/json-viewer';Theme files set component tokens. See Usage for token and CSS part examples.