Empty state illustrations

Animated illustrations for the screens before there is anything to show: a dashboard before the first website, a search with no results, a report that could not load, a page that is not there. Each one shows what will appear once the user acts, ready to sit above a heading, one line and one button.

20 animated illustrations in four themes, 15 of them free. Free ones copy as a React component or SVG; the rest come with Pro.

Add your first website: a domain is typed in, Add is clicked, and the site joins the list.Interface · spotFree
Start a free trial: each tick of the clock fills the next day of a seven-day trial.Interface · spotFree
Choose a plan: a click picks a plan, and the ring moves to it.Interface · spotFree
No live visitors: a visitor arrives, the live dot pulses, and they join the list.Interface · spotFree
First funnel: a visitor walks the path, and each step's bar fills a little shorter.Interface · spotFree
First goal: a goal switches what it measures, and its stats refresh.Interface · spotFree
Revenue not set up: a refund and a purchase move a page's share of revenue down and back up.Interface · spotFree
AI crawler tracking: an AI crawler fetches a page, and the visit lands in the log.Interface · spotFree
No assistants connected: a URL is pasted into an AI tool, and the assistant connects.Interface · spotFree
No API keys: a new API key is added and copied with one click.Interface · spotFree
No search results: a search narrows piece by piece until nothing is left.Interface · spotFree
Report unavailable: the linked report is missing, so another one is picked instead.Interface · spotFree
Error loading page: the page tries to load again, fails, and points to refresh.Interface · spotFree
Page not found: on a 404 page, home leads out, and back returns to the missing page.Interface · spotFree
Empty search: the lens checks every compartment in the index drawer and comes back with nothing.Isometric · sectionPro
404: a request walks the site's pages and finds an empty slot where the page should be.Shader · pagePro
Query timeout: queries pile up at a busy database, and the one that waits too long is dropped.HUD · sectionPro
Maintenance window: when the schedule reaches the window, the server stops for service and comes back after.Isometric · sectionPro
Search filters: one filter narrows the results to the docs you need.Interface · spotFree
Onboarding checklist: add a domain, and the last steps of setup tick off.Interface · sectionPro

More topics: Cloud illustrations, Database illustrations, Data illustrations. Or browse every illustration.

Where they go on a site: empty state illustrations for web apps, with examples.