# Add your first website

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

- Theme: Interface
- Size: spot
- Access: Free
- Page: https://illos.dev/library/interface/first-website
- Preview image: https://media.illos.dev/previews/7f4a18a5/flat/first-website.light.1600.webp
- SVG: https://illos.dev/assets/styles/flat/first-website.svg
- Add to a React project: `npx shadcn@latest add https://illos.dev/r/flat/first-website.json`

On the page, Copy gives the SVG and Download the file.

## 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 (https://illos.dev/library/interface/no-live-visitors.md), Onboarding checklist (https://illos.dev/library/interface/onboarding-checklist.md), Analytics funnel (https://illos.dev/library/isometric/analytics.md)

## Related

- [Interface illustrations](https://illos.dev/library/interface)
- [Free illustrations](https://illos.dev/library/free)
- [All illustrations](https://illos.dev/library)