Skip to content

Noir AuroraMotion

Not Found

The body of a 404 page, filling one viewport under the navbar, under its own low aurora: a big silver code (decorative, aria-hidden), the page's h1, a line of help, actions and links to popular pages.

Live, interactive React component · dark themeResponsive

About the Noir Aurora Not Found

The body of a 404 page, filling one viewport under the navbar, under its own low aurora: a big silver code (decorative, aria-hidden), the page's h1, a line of help, actions and links to popular pages. Plays the page entrance.

It is part of Noir Aurora. The style’s 91 pieces share one set of tokens, type and motion, in a light and a dark theme, so whatever you take from it fits together.

To put it in your project, copy the prompt into Claude Code, OpenAI Codex or Cursor, or add the file and its styles by hand. The documentation walks through both.

The same piece, drawn for a different look. Open one to compare it live.

Neo-Brutal Not Found

The body of a 404 page, filling one viewport under the navbar: the code stamped as the page's slab (decorative, aria-hidden; it lands with the entrance), the page's h1 in text-headline, a line of help, actions and ruled links to popular pages with arrows that nudge.

Soft Bento Not Found

The body of a 404 page, filling one viewport under the navbar: the code as clay tiles that land one by one, the middle one the blue block (decorative, aria-hidden), the page's h1, a line of help, actions and links to popular pages.

Swiss Tech Mono Not Found

The body of a 404 page, filling one viewport under the navbar: the column ruler, a big measured code (decorative, aria-hidden), the page's h1, a line of help, actions and links to popular pages.