Neo-Brutal Empty State
What an empty list or search shows, on a dashed ink-outlined card: an icon key on paper-2 (aria-hidden, never rotated), a short h3, one line of help and the action that fills it.
Empty State
What an empty list or search shows: a lit icon tile in two hairline rings over a faint aurora glow (aria-hidden), a short h3, one line of help and the action that fills it.
Live, interactive React component · dark themeResponsive
About the Noir Aurora Empty State
What an empty list or search shows: a lit icon tile in two hairline rings over a faint aurora glow (aria-hidden), a short h3, one line of help and the action that fills it. Centred, fits 320 px.
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.
Soft Bento Empty State
What an empty list or search shows, in a pressed well: an icon in a small cluster of clay chips (aria-hidden), a short h3, one line of help and the action that fills it.
Swiss Tech Mono Empty State
What an empty list or search shows: an icon in a dashed, crop-marked well (aria-hidden), a short h3, one line of help and the action that fills it.