Surface
The post-login workspace. Empty state / new project creation.
Layout
Three states visible: 1. Default: thin icon-only left sidebar (collapsed) + centered prompt. 2. Expanded sidebar: full workspace + project + chats nav (toggle-to-expand).
Collapsed sidebar (default)
Thin dark strip, ~56px wide, icon-only. From top to bottom: - Anything logo (small rounded square, dark). - ✏️ Compose icon — "New chat / project". - 🕓 Clock icon — "Version history". - ⚙ Gear icon — "Settings".
Expanded sidebar (toggle revealed)
Same rail, now ~260px wide, labels visible. Dark theme. Sections:
Header area
- Anything logo + sidebar toggle button (panel-with-bar icon, top-right).
- Try MAX () — black promo pill with "New" badge. Promotes Anything.com - Max inline in the workspace nav.
Top-level routes
+ New project⊞ Dashboard🗒 Docs
Project section (contextual to current project)
Header: "Project"
- ✏ New chat — each project can host multiple chat threads.
- 🕓 Version history — per-project.
- ⚙ Settings — per-project. See Anything.com - Project Settings.
Chats section
Header: "Chats" — a list of chat threads inside the current project.
- Current thread highlighted with grey background (e.g., New Project).
One project holds many chats. Each chat is an agent conversation. This is a structural bet — conversations are the unit of work, and they accumulate inside a project the way branches accumulate inside a repo. Different from Replit where the unit is typically the app/repl itself.
Center — new project empty state
- Large centered Anything logo tile (dark rounded square).
- Headline: "What can I help you build today?" (sans, ~32px).
- Prompt input: rounded outlined text field, large.
- Placeholder:
Describe your app idea… - Multi-line, expandable.
Prompt toolbar (bottom-left of input)
Horizontal row of affordances:
| Component | Label / function |
|---|---|
| + circular button | Attach (unspecified destination — probably file/image) |
| Image icon | Image upload |
| Figma logo | Figma import — starts from a Figma file |
| Auto > pill | Mode selector — probably AI model or effort dial |
| Default > pill | Style/template selector (design system presets — see Anything.com - Agent Chat which references "High-Fidelity SaaS" and "Ghost Structure") |
Submit
- Bottom-right: dark circular button with up-arrow (send).
Below the input
- Promo strip: "MAX | The coding agent going viral [New]" — a second Max upsell below the prompt.
Components observed
| Component | Purpose | Notes |
|---|---|---|
| Icon-only rail | Collapsed nav | Dark theme, ~56px |
| Expanded sidebar | Full nav | Dark theme, ~260px |
| Sectioned nav headers | Grouping | Uppercase small text |
| Active item highlight | Current selection | Grey background on item |
| Mode-selector pill | Prompt config | Chevron indicates dropdown |
| Attach icons | Input augmentation | Icon row at prompt bottom |
| Circular send button | Submit | Dark filled |
| Promo pill with "New" badge | Feature upsell | Used for Max in two places |
Corrections to prior wiki
previous wiki said Anything.com "has no designer on-ramp." Figma import is a first-class affordance on the prompt input — see Figma Import Wedge. Corrected. ⚠️ Contradiction: previous wiki had "Custom Instructions" as a top-level dashboard nav item. Screenshots show Custom Instructions is actually per-project (inside Project Settings). The top-level Settings is workspace-level. Corrected in Anything.com - Custom Instructions and Anything.com - Project Settings.
Sources
- !Project_View.png
- !Project_Side_Bar.png