native.html Zero JavaScript

The browser is the framework

Less code.
More web.

A tiny field guide to useful, accessible interactions built into modern HTML—no package install required.

Explore the APIs ↓

Four native experiments

Resize the page, use the keyboard, and try each control. It is all one HTML document.

01 / Popover

Content on top

The popover attribute handles focus, dismissal, and the top layer for you.

No z-index contest

Popover content lives in the browser's top layer. Press Escape or click outside to close.

02 / Dialog

A proper modal

<dialog> provides a semantic modal, backdrop, focus management, and Escape behavior.

Native dialog

Hello from the top layer.

This modal was opened declaratively with commandfor. No event listener was needed.

03 / Details

Exclusive accordion

Give several details elements the same name and only one stays open.

Semantic

Meaningful elements help people, browsers, and search engines understand a page.

Keyboard ready

The summary receives focus and toggles with standard keyboard controls.

Resilient

Core content remains useful across devices and loading conditions.

04 / Smart controls

Inputs that do more

HTML ships with validation, suggestions, date pickers, color pickers, and meaningful input modes.

Bonus / Meter

Meaning, not decoration

A meter represents a known scalar value—like disk use, a score, or this page's dependency budget.

Dependency budget used0%
0%