Skip to content

AI Empty States: 24 Chat and Agent Screens, HTML/React/PHP

24 empty states for AI chat and agent products, each in three forms that render the same markup: plain HTML and CSS, a typed React component, and a PHP partial. The first chat, the answer on its way, a failed reply, a full context, the limit reached and the connection lost; agents, tools, workflows, runs, memory, prompts and approvals before the first one; a knowledge base, API keys, evaluations, a welcome checklist, a team invite and a waitlist. Every word is a prop, every command calls back, light and dark follow the visitor, and three colours, a radius and a font restyle all 24. No framework and no build step: one stylesheet and the icons inline. A gallery page shows every state with its code and a Copy button.

ComponentsMade for React

$5

One payment. The files are yours to download right away.

  • Instant downloadIn your account the moment the payment goes through, with the receipt by email.
  • Personal and commercial useOne license for one person, in your own work and your clients'. The files themselves are not shared or resold.

Includes
24 empty states
Formats
HTML and CSS, React components (.tsx), PHP partials
Download
103 files in one zip, 0.2 MB
Works with
Plain HTML, React and Next.js, PHP 8
Category
Components
Released
21 Oct 2026
License
Personal and commercial use

Where to use it

Chat products

The first chat, the answer on its way, a failed reply and a full context: what a chat shows before and between answers.

Agent consoles

Agents, tools, workflows, runs, memory and approvals, each with its screen for the day it is empty.

Any website

The waitlist, the welcome and the rest as plain HTML and one stylesheet, with no framework and no build.

React and PHP

The same markup as a typed React component or a PHP partial: every word a prop, every button a callback.

Your brand

Three colours, a radius and a font restyle every state, in light and dark.

Type something to search.