OVERSCANUI KIT
no button at all a worn bezel with weight channels do not converge zero depth instrumented, full of smoke a field of real characters a camera looking out additive, so no shadow hairlines, no new shader no raster, so no scanlines

Every control here is a real native control with its appearance replaced, never a div pretending: the semantics, the keyboard behaviour and the announcement all come free that way. The menubar has one tab stop and arrows move within it. The dialog traps focus in a cycle and gives it back on close, which is the half people skip. And the indeterminate bar carries no aria-valuenow, because it says "working" and must never be read as progress.

demo/form.html, from this page
import 'overscan'
import 'overscan/overscan.css'

<select
  class="ov-select"
  aria-label="sector"
></select>
terminal
menu
select
choice
progress
determinate, 62%
indeterminate, no aria-valuenow
dialog pressure loss

sector 4 has been venting for 184 seconds. acknowledging stops the alarm and does not stop the vent.

variation: as shown above
import 'overscan'
import 'overscan/overscan.css'

<select
  class="ov-select"
  aria-label="sector"
></select>
industrial
menu
select
choice
progress
determinate, 62%
indeterminate, no aria-valuenow
dialog PRESSURE LOSS

SECTOR 4 HAS BEEN VENTING FOR 184 SECONDS. ACKNOWLEDGING STOPS THE ALARM AND DOES NOT STOP THE VENT.

cyber
menu
select
choice
progress
determinate, 62%
indeterminate, no aria-valuenow
dialog pressure loss

sector 4 has been venting for 184 seconds. acknowledging stops the alarm and does not stop the vent.

antiseptic
menu
select
choice
progress
determinate, 62%
indeterminate, no aria-valuenow
dialog PRESSURE LOSS

SECTOR 4 HAS BEEN VENTING FOR 184 SECONDS. ACKNOWLEDGING STOPS THE ALARM AND DOES NOT STOP THE VENT.

esper
menu
select
choice
progress
determinate, 62%
indeterminate, no aria-valuenow
dialog PRESSURE LOSS

SECTOR 4 HAS BEEN VENTING FOR 184 SECONDS. ACKNOWLEDGING STOPS THE ALARM AND DOES NOT STOP THE VENT.

neo
menu
select
choice
progress
determinate, 62%
indeterminate, no aria-valuenow
dialog pressure loss

sector 4 has been venting for 184 seconds. acknowledging stops the alarm and does not stop the vent.

machina
menu
select
choice
progress
determinate, 62%
indeterminate, no aria-valuenow
dialog pressure loss

sector 4 has been venting for 184 seconds. acknowledging stops the alarm and does not stop the vent.

holo
menu
select
choice
progress
determinate, 62%
indeterminate, no aria-valuenow
dialog pressure loss

sector 4 has been venting for 184 seconds. acknowledging stops the alarm and does not stop the vent.

aegis
menu
select
choice
progress
determinate, 62%
indeterminate, no aria-valuenow
dialog pressure loss

sector 4 has been venting for 184 seconds. acknowledging stops the alarm and does not stop the vent.

vector
menu
select
choice
progress
determinate, 62%
indeterminate, no aria-valuenow
dialog pressure loss

sector 4 has been venting for 184 seconds. acknowledging stops the alarm and does not stop the vent.