Independent responsive implementation

Material Web

A framework-free implementation workspace that translates Material Design UI/UX for the browser.

Responsive web showcase Independent Material Web

Published website

Use each browser surface for its actual role

The documentation site explains the current Android app, complete catalog, architecture, local personalization, privacy, verification, release engineering, skills, developer, credits, FAQ, and download flow. The stable framework-free showcase provides component, theme, navigation, feedback, widget, typography, and design-token examples. Material Web remains an independent implementation workspace.

Mobile and progressive behavior

Compact layouts keep every destination reachable

The shared site shell provides a full-viewport mobile navigation overlay with exposed expanded state, inert closed links, Escape handling, focus movement, scroll locking, touch-friendly targets, and a reduced-motion path. Public GitHub stars, forks, release downloads, and release names enhance the landing page without blocking content when the API is unavailable.

Implementation

Independent by design

Semantic structure

Native HTML and correct accessible roles define the interaction before visual polish.

Web-owned tokens

Color, type, shape, spacing, elevation, and motion use browser-specific custom properties.

Responsive layout

Compact, medium, expanded, and fluid intermediate widths are verified independently.

Input coverage

Keyboard, pointer, touch, assistive technology, zoom, and reduced motion are first-class paths.

Completion

Definition of web parity

  • UI and UX intent matches the accepted Android reference.
  • Platform-specific differences are intentional and documented.
  • All applicable component states are implemented.
  • Compact, medium, expanded, compact-height, zoomed, and resizable layouts remain usable.
  • Keyboard, touch, screen-reader semantics, focus, contrast, and reduced motion are verified.
  • Public data fails gracefully and no client credentials are used.
  • Parity status, site map, HTML skills, Markdown skills, and changelog are current.