# Project Empty State

> A clean empty-state project card that guides users to create or import their first project, with clear hierarchy, subtle dark styling, and a reusable SaaS-ready layout.

- Category: Layout
- Frameworks: React + Tailwind
- Dark mode: yes
- Access: free (sign in to copy the code)
- Tags: cards
- Page: https://builder.atheros.ai/components/empty-state-nszbn
- Preview: https://d17nmjscumqk5d.cloudfront.net/builder/components/comp_3d8a251e-a548-43b9-9a77-550f903e64bb/previews/preview-image-1791210962325.jpg

## Common questions

**Which frameworks is Project Empty State available in?**

Project Empty State ships as React + Tailwind — React source you can copy, download or clone into Atheros AI Builder.

**Is the Project Empty State layout component free?**

Yes. Project Empty State is a free component: preview it without an account, and sign in with a free Atheros account to copy or download the full source and customise it with AI.

**Does Project Empty State support dark mode?**

Yes. Project Empty State ships light and dark themes. Switch the preview to dark mode to compare them.

## Get the code

Preview Project Empty State live, then sign in to copy or download the source, apply another design system, or ask the AI assistant to change it: https://builder.atheros.ai/components/empty-state-nszbn

Every component on https://builder.atheros.ai is also reachable from Claude Code, Cursor and Codex through the Atheros MCP server (paid plans). Component index: https://builder.atheros.ai/llms-components.txt