All illustrations

Add your first website

A domain is typed in, Add is clicked, and the site joins the list.

FreeInterface · spot

Copy

Download

Open in

Add your first website: a domain is typed in, Add is clicked, and the site joins the list.

Not quite it? Ask for a variation

Install

Writes one React component into components/illos. Nothing else to install.

npx shadcn@latest add https://illos.dev/r/flat/first-website.json

Or hand it to your agent

Claude Code, Cursor, Codex and any other coding agent can add it from the prompt.

How it moves

  1. an add website form sits above the list of sites.
  2. a domain is typed into the field, and Add is clicked.
  3. the new site drops into the top of the list with its live dot on.

Where it fits

For analytics, monitoring and hosting products, or any tool that starts with a site or a project: the empty dashboard before the first one is added, the onboarding step that asks for a domain, or the docs page on adding a site. The domain typed in and the new row arriving with its live dot on show the whole first step, and that data starts flowing once it is done. As a spot it fits above the heading and the Add website button. It is free to copy and pairs with No live visitors, Onboarding checklist and Analytics funnel.

Pairs well with No live visitors, Onboarding checklist and Analytics funnel.

On your site

Read where product illustrations go, how to place an animated SVG and how to keep animations fast.

For developers

File size
3.3 KB gzipped
Motion
Plays once, 2.5 s, then holds
Reduced motion
Shows a still
File
first-website.svg

Next in this theme.

Start a free trial: each tick of the clock fills the next day of a seven-day trial.
Interface · spotFree
AI crawler tracking: an AI crawler fetches a page, and the visit lands in the log.
Interface · spotFree