mail

We’re fully operational

resend.com status

errors & traces

All Systems Operational

sentry.io status

reactive backend

All Systems Operational

the data lives in one region: N. Virginia (us-east-1)

convex.dev status

the code and its history

All Systems Operational

github.com status

the checks every change runs through

GitHub reports Actions up

github.com/features/actions status

billing

All services are online

polar.sh status

previews and production

All Systems Operational

vercel.com status

Vercel's regions, near you

Vercel reports 20 of its 20 regions up

every release copied to all 20

the map: Equal Earth, every land at its true size

vercel.com/docs/regions status

the app, in your browser

nuxt.com

open & native
Web Foundation

counting frames…

lovely & trusted
Core Infrastructure

live status6 of 6 upchecked 11:11 UTC · syncing…

We love the modern web and keep up with it: 55 new features landed in the last year.

BaselineNewly available

Check out what you can already use in every major browser today.

How that content looks: layout, type, colour, depth and motion, on any screen.

  1. next
  2. 2026
  3. 2025
  4. 2024
  5. 2023
  6. 2022
  7. 2020
  8. 2019

Newest first: pale while limited, glowing while Newly available, still once Widely, in Baseline's terms. What is next lights C, F and S as Chrome, Firefox and Safari ship it. A percentage is how many people have a browser that runs it, by caniuse's usage data; a name opens where it runs, browser by browser, on webstatus.dev. Read from web-features 3.40.1, the data behind MDN and caniuse, on 13 Oct 2026.

Chapters

  1. Every change opens a pull request on GitHub, and GitHub Actions lints, type-checks, tests and builds it before it can merge.

    Nothing broken reaches you.

  2. Merged, Vercel builds it and spreads it over its Edge network, round the world, by itself.

    A new version reaches you without downtime, from a city near you.

  3. Your browser keeps a live line to Convex, in the one region the data lives in; Resend sends the mail, Polar takes the payments.

    What you see changes the moment the data does.

  4. Sentry catches every error and slow page, with the release that shipped it.

    Problems are fixed before you have to report them.

AI drafts code, reviews every change and reads the errors, at every step of the loop.

More gets built for you, held to the same bar.

Every part lit and every connection live: one loop, from a commit to you.

counting frames…all native, as the browser counts them
live statusall 6 platforms upchecked 11:11 UTC · syncing…

tactile & accessible
Interface

touch
mouse & trackpad
pen
keyboard
gamepad
screen reader

The web now builds modern interfaces that feel native.

app1 of 3

A map with a drawer of places over it: what a maps app keeps at hand.

Still.
Still.
Still.
waking the gpu…checking…

vivid & live
Graphics

Interfaces are what you touch.
Graphics are what you see.

WebGPU: Chrome, Edge and Safari run it, on phones too; Firefox is next. drawn with vgpu

yellowoklch(—)rgb(—)greenoklch(—)rgb(—)redoklch(—)rgb(—)

—

pixels on your screen, each running the shader

Chrome pins

Each pin works out how high it stands and how its head catches light.

How the word looks

—

pixels on your screen, each running the shader

Live data

Each point works out where it belongs in the shape, and moves out of your hand’s way.

What the points draw

—

points, each running the shader

Liquid metal

Each pixel follows a ray into a formula of the word, and works out the metal it meets.

drag to turnclick to ripple

Interfaces are what you touch. Graphics are what you see.

Qruto's
Links

Contribute on
GitHub@qruto

first principles
Principles

We ship pixels in the right order, with the right reactions.

Nine rules keep them right: three for which pixels show, three for the order they arrive in, three for how they react. Each one is a toy. Play with it, and it shows you what it means.

  1. which pixels

    Strong Defaults

    The first value should already be the right one. Most people never change it.

    optimal size · the default

  2. Proper Hierarchy

    Size and order say what matters before a single word is read.

    tap to optimize

  3. Clear Conventions

    What looks pressable is pressable, and answers when you press it.

    looks like a button · press it

  4. in what order

    Complication on Demand

    Start simple. Detail unfolds when someone asks for it, not before.

    tap for detail

  5. Minimize Cognitive Load

    Show the next step, not every step at once.

    all five at once · tap one to focus

  6. Chain of Fallbacks

    When the best path fails, the next one still gets you there.

    optimal behavior

  7. with what reaction

    Reasonable Effort

    Easy to do, hard to undo by accident: only destruction asks twice.

    submit, or remove

  8. Fine-Tuning

    Good defaults to start with, and the controls to tune them to your needs.

    the default · close for most

  9. Automate Whenever Possible

    If a machine can repeat it, a person should not have to.

    nothing to press · it plays itself

Here’s the info

Styled and animated: the best way to say it.

Make it feel like a game

The tenth rule, and the reason for the other nine. Play all nine to write it in.

measured & honest
Your device

All of it just ran on your device — measured at every stop as you came, and scored here. Nothing is sent.

Measuring as you scroll.

loading

not yet

How soon the page showed.