Code editor (IDE)

IdeExample.tsx

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

About this example

This example shows how Density handles a technical workspace with persistent navigation, stacked panels, compact controls, and an editor surface that stays readable without wasting space.

Book a call with a designer

See if Density is right for your team