> ## Documentation Index
> Fetch the complete documentation index at: https://www.thundercompute.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# SSH on Thunder Compute

> Manual SSH setup is only available in the Thunder Console. Use the console to manage saved keys and copy raw SSH connection details.

export const QuickstartCard = ({title, icon, href, children, selected}) => {
  const enter = e => {
    if (selected) return;
    const el = e.currentTarget;
    el.style.borderColor = '#555';
    el.querySelector('[data-title]').style.color = '#fff';
    el.querySelector('[data-sub]').style.opacity = '0.7';
    el.querySelector('[data-icon]').style.opacity = '0.7';
  };
  const leave = e => {
    if (selected) return;
    const el = e.currentTarget;
    el.style.borderColor = '#333';
    el.querySelector('[data-title]').style.color = '';
    el.querySelector('[data-sub]').style.opacity = '0.5';
    el.querySelector('[data-icon]').style.opacity = '0.35';
  };
  return <a href={href} className="group" style={{
    textDecoration: 'none',
    borderBottom: 'none',
    color: 'inherit',
    display: 'block',
    marginBottom: '0.75rem'
  }}>
    <div className="border rounded-xl p-5 transition-all duration-150 border-zinc-200 dark:border-zinc-800" style={{
    minHeight: '8rem',
    height: '100%',
    borderWidth: '1.5px',
    borderColor: selected ? '#95c5ea' : '#333'
  }} onMouseEnter={enter} onMouseLeave={leave}>
      <div data-icon style={{
    marginBottom: '0.75rem',
    opacity: selected ? 1 : 0.35,
    transition: 'opacity 0.15s ease'
  }}>
        <Icon icon={icon} size={24} color="#95c5ea" />
      </div>
      <div data-title style={{
    fontWeight: 600,
    fontSize: '1.05rem',
    marginBottom: '0.25rem',
    color: selected ? '#fff' : undefined,
    transition: 'color 0.15s ease'
  }}>{title}</div>
      <div data-sub style={{
    fontSize: '0.9rem',
    opacity: selected ? 0.7 : 0.5,
    transition: 'opacity 0.15s ease'
  }}>{children}</div>
    </div>
  </a>;
};

<Columns cols={3}>
  <QuickstartCard title="VS Code" icon="window" href="/docs/vscode/operations/ssh" selected={true}>
    Editor extension
  </QuickstartCard>

  <QuickstartCard title="CLI" icon="terminal" href="/docs/cli/operations/ssh">
    Command line
  </QuickstartCard>

  <QuickstartCard title="Console" icon="browser" href="/docs/console/operations/ssh">
    Web interface
  </QuickstartCard>
</Columns>

## SSH manually

Manual SSH setup is not available in the VS Code extension. To save SSH keys, attach them to instances, or copy raw SSH connection details, use the [console SSH workflow](/docs/console/operations/ssh).

For the standard VS Code connection flow, use [Connect to Instances](/docs/vscode/operations/connecting-to-instances).


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.