
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.
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.

