Atlas · v0.2

The shadcn for agent UI.

Framework-agnostic tokens and 40 component classes. Dense agent dashboards, mobile native-style views, and pill-button landing pages — one system, every surface.

Get Started Show mockups

AMOLED BLACK◆40 COMPONENTS◆MULTI-SURFACE◆DARK + LIGHT◆FRAMEWORK-AGNOSTIC◆AGENT-UI READY◆AMOLED BLACK◆40 COMPONENTS◆MULTI-SURFACE◆DARK + LIGHT◆FRAMEWORK-AGNOSTIC◆AGENT-UI READY◆

Built with Atlas

Live previews of real interfaces composed from .atlas-* classes. Every card below is the raw system, no mocks, no images.

atlas-edge · production

Last deploy 2m ago · main@a9f3b1

REQUESTS

12,847

+4.2%

P95

42ms

-3ms

ERRORS

-8.1%

UPTIME

99.98%

Command palette

Search + jump across the entire app

⌘K

Actions

Navigate

TypeError at line 42 of main.ts. Missing env DATABASE_URL.

Debug prod deploy failure

Agent · Claude Opus 4.7

The failure is at build.sh:42 — missing env var. Restoring it will re-enable payment-api.

⌘↵

3 tools · 7,824 / 128k ctx

Status pills

Syncing — 42% Updating package lock Completed in 1m 14s

Create new project

Step 2 of 4 · Plan

Account
Plan
Team
Deploy

tool_call · fetch_deploy_logs

0.8s

{
  "deploy_id": "a9f3b1",
  "env": "prod",
  "lines": 2048,
  "status": "success"
}

Invite collaborators

Share access with your team.

Notifications

Alerts about deployments and agents

Deploy succeededDeploy failedAgent escalatedWeekly digest

Environment variables

Secrets injected at build time

Filters · pagination

Productionus-east-1claude-opus

Compute environment

Select the runtime for this cluster

Kubernetes

GPU workloads on a K8s cluster. Default.

Virtual machine

Access a VM-configured cluster.

Toast stack

Deployment succeeded

atlas-edge built in 1.2s

Rate limit approaching

92% of monthly quota used

Recent deployments

Production and preview

Build	Env	Status
a9f3b1	prod	OK
cc02ae	prod	OK
7d21ee	preview	SLOW
4b11cd	preview	FAIL

Upload · dataset.parquet

Chunked multipart upload in progress

68% · 3.4 MB/s218 MB / 320 MB

ENCRYPTED

Dialog · destructive

Delete project atlas-edge?

This removes 218 deployments, 12 domains, and revokes all API keys. Cannot be undone.

Type atlas-edge to confirm

Active deployment

main@a9f3b1

Status ReadyRegioniad1 · sfo1Built2m 14s ago

Changed files · 4

Uncommitted · branch main

app/page.tsxM
app/layout.tsx
components/shell/titlebar.tsxM
components/command-palette.tsx
lib/nav.tsM
public/atlas.css
package.json
README.md

FAQ

Yes. Atlas is a plain CSS file. Works with any stack — Tailwind, React, Vue, Svelte, raw HTML.

Loading state

Skeleton shimmer for 300ms+ loads

Rate limit

Requests per minute · per API key

Threshold2,400 rpm

1005,000 / min

Popover · context menu

All clear

No security alerts in the last 24 hours. Your agents, deploys, and keys are healthy.

API keys

Issued against atlas-edge

production

sk_live_********8ra2

12,847

staging

sk_test_********kf91

3,201

legacy-cron

sk_live_********abc4

—

Webhooks

Events · last 7 days

deploy.succeeded

https://slack.com/webhooks/T0…

live

deploy.failed

https://pagerduty.com/events/…

live

agent.escalated

https://api.atlas.dev/v1/hook/…

3 retries

build.timeout

https://hooks.zapier.com/…

disabled

Editing now · atlas-edge

4 collaborators online

Adibediting app/page.tsx

Saskiareviewing PR #217

Paulin dashboard

Junidle · 4m

Overview

Production · main branch · 42ms p95

Shortcuts

Available in this view

Open command palette⌘K

New file⌘N

Quick switcher⌘P

Toggle sidebar⌘B

Toggle theme⌘⇧L

Search in files⌘⇧F

Usage · November

Pro plan · 12 days remaining

API requests2,840,000 / month

Storage42 GB

Agent hours182 hours

Resets Dec 1 · 00:00 UTC

Tag issue

ATLAS-217 · light-mode shadows

design · ui ×priority: high ×v0.2 ×

Suggested

+ accessibility+ theming+ css+ tokens+ bug+ regression