Examples

Density works for a range of professional tools across industries

Draft a concise launch checklist for the private alpha.

Start with the release notes, homepage proofread, smoke test, and customer email draft.

Keep it focused on the website and docs.

Then the checklist is: verify docs routes, review examples, build the site, and prepare one short announcement.

AI chatA chat product surface with conversation history, model controls, and output panes.

examples / full-apps / IdeExample.tsx

export default function IdeExample() {
  return (
    <WorkspaceShell>
      <AccordionSidebar activeFile="IdeExample.tsx" />
      <EditorPanel checks="passing" />
      <AgentSidebar mode="review" />
    </WorkspaceShell>
  );
}

$ pnpm --filter density-www ts
astro sync complete
tsc --noEmit
Found 0 errors. Watching for file changes.

main

TypeScriptChecks passing

Ready

Code editor (IDE)A compact workspace for editing code, reviewing files, and scanning tool panels.

Edit article

Draft autosaved 2 minutes ago

Connected

4 unpublished editsLast sync 10:24 AM

Production preview ready

Content dashboard (CMS)An editorial workspace for planning, reviewing, publishing, and tracking content.

Requests18.4k/s+8.1%

P95 latency142ms-12 ms

Error rate0.18%+0.04%

Saturation71%+6%

Requests

P95 latency

checkout-apiWarning: P95 above target
edge-cacheOK: Hit rate recovered
worker-poolCritical: Queue depth rising
billing-jobsOK: Backfill complete

Service	Uptime	P95	Errors
api-gateway	99.99%	54 ms	0.02%
checkout-api	99.94%	142 ms	0.18%
edge-cache	100%	19 ms	0.00%
worker-pool	99.86%	231 ms	0.42%

Live

Refresh 30s18 panels loaded

2 incidents watched

Metrics dashboardAn operations dashboard for service health, incidents, alerts, and live metrics.

AsterAster Labs daily

Price$184.20Today+2.56%

Positions

Symbol	Qty	Value
ASTER	50	$9,210
HELIO	120	$5,012
METRO	30	$2,430

Connected

NYSE delayed15msBuying power$48,120

Risk usage31%

Trading terminalA financial workspace for market data, charts, orders, and portfolio context.

Need design help? Talk to a pro.

Get a free consultation with a professional product designer and see if Density is right for your team

Book a free call

Examples

src

components

full-apps

layouts

pages

Need design help? Talk to a pro.