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

# Getting started with Anaconda

export const BeginnerGlasses = () => {
  return <svg width="14" height="14" viewBox="0 0 640 640" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Beginner">
      <path d="M175.3 160C161.3 160 148.8 169.2 144.7 182.6L102.4 320L256 320C273.7 320 288 334.3 288 352L352 352C352 334.3 366.3 320 384 320L537.6 320L495.3 182.6C491.2 169.2 478.8 160 464.7 160L432 160C414.3 160 400 145.7 400 128C400 110.3 414.3 96 432 96L464.7 96C506.8 96 544.1 123.5 556.5 163.8L601.9 311.3C606 324.5 608 338.2 608 352L608 448C608 501 565 544 512 544L448 544C395 544 352 501 352 448L352 416L288 416L288 448C288 501 245 544 192 544L128 544C75 544 32 501 32 448L32 352C32 338.2 34.1 324.5 38.1 311.3L83.5 163.8C95.9 123.5 133.1 96 175.3 96L208 96C225.7 96 240 110.3 240 128C240 145.7 225.7 160 208 160L175.3 160zM96 384L96 448C96 465.7 110.3 480 128 480L192 480C209.7 480 224 465.7 224 448L224 384L96 384zM512 480C529.7 480 544 465.7 544 448L544 384L416 384L416 448C416 465.7 430.3 480 448 480L512 480z" />
    </svg>;
};

export const InstallerSelector = () => {
  const [selectedProduct, setSelectedProduct] = React.useState(null);
  const [selectedOS, setSelectedOS] = React.useState(null);
  const [selectedInstallerType, setSelectedInstallerType] = React.useState(null);
  const products = [{
    id: 'anaconda',
    name: 'Anaconda Distribution',
    description: 'Contains the conda package manager and 600+ packages',
    recommended: true
  }, {
    id: 'miniconda',
    name: 'Miniconda',
    description: 'A minimal installer for Anaconda Distribution',
    recommended: false
  }];
  const operatingSystems = [{
    id: 'windows',
    name: 'Windows',
    icon: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" width="35" height="35"><path d="M96 157.7L279.6 132.4L279.6 309.8L96 309.8L96 157.7zM96 482.3L279.6 507.6L279.6 332.4L96 332.4L96 482.3zM299.8 510.3L544 544L544 332.4L299.8 332.4L299.8 510.3zM299.8 129.7L299.8 309.8L544 309.8L544 96L299.8 129.7z" /></svg>,
    description: 'For Windows 10 or later',
    recommended: true
  }, {
    id: 'macos',
    name: 'macOS',
    icon: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" width="35" height="35"><path d="M447.1 332.7C446.9 296 463.5 268.3 497.1 247.9C478.3 221 449.9 206.2 412.4 203.3C376.9 200.5 338.1 224 323.9 224C308.9 224 274.5 204.3 247.5 204.3C191.7 205.2 132.4 248.8 132.4 337.5C132.4 363.7 137.2 390.8 146.8 418.7C159.6 455.4 205.8 545.4 254 543.9C279.2 543.3 297 526 329.8 526C361.6 526 378.1 543.9 406.2 543.9C454.8 543.2 496.6 461.4 508.8 424.6C443.6 393.9 447.1 334.6 447.1 332.7zM390.5 168.5C417.8 136.1 415.3 106.6 414.5 96C390.4 97.4 362.5 112.4 346.6 130.9C329.1 150.7 318.8 175.2 321 202.8C347.1 204.8 370.9 191.4 390.5 168.5z" /></svg>,
    description: 'For macOS 10.12 or later',
    recommended: true
  }, {
    id: 'linux',
    name: 'Linux',
    icon: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" width="35" height="35"><path d="M316.9 187.3C317.9 187.8 318.7 189 319.9 189C321 189 322.7 188.6 322.8 187.5C323 186.1 320.9 185.2 319.6 184.6C317.9 183.9 315.7 183.6 314.1 184.5C313.7 184.7 313.3 185.2 313.5 185.6C313.8 186.9 315.8 186.7 316.9 187.3zM295 189C296.2 189 297 187.8 298 187.3C299.1 186.7 301.1 186.9 301.5 185.7C301.7 185.3 301.3 184.8 300.9 184.6C299.3 183.7 297.1 184 295.4 184.7C294.1 185.3 292 186.2 292.2 187.6C292.3 188.6 294 189.1 295 189zM516 467.8C512.4 463.8 510.7 456.2 508.8 448.1C507 440 504.9 431.3 498.3 425.7C497 424.6 495.7 423.6 494.3 422.8C493 422 491.6 421.3 490.2 420.8C499.4 393.5 495.8 366.3 486.5 341.7C475.1 311.6 455.2 285.3 440 267.3C422.9 245.8 406.3 225.4 406.6 195.3C407.1 149.4 411.7 64.1 330.8 64C228.4 63.8 254 167.4 252.9 199.2C251.2 222.6 246.5 241 230.4 263.9C211.5 286.4 184.9 322.7 172.3 360.6C166.3 378.5 163.5 396.7 166.1 413.9C159.6 419.7 154.7 428.6 149.5 434.1C145.3 438.4 139.2 440 132.5 442.4C125.8 444.8 118.5 448.4 114 456.9C111.9 460.8 111.2 465 111.2 469.3C111.2 473.2 111.8 477.2 112.4 481.1C113.6 489.2 114.9 496.8 113.2 501.9C108 516.3 107.3 526.3 111 533.6C114.8 540.9 122.4 544.1 131.1 545.9C148.4 549.5 171.9 548.6 190.4 558.4C210.2 568.8 230.3 572.5 246.3 568.8C257.9 566.2 267.4 559.2 272.2 548.6C284.7 548.5 298.5 543.2 320.5 542C335.4 540.8 354.1 547.3 375.6 546.1C376.2 548.4 377 550.7 378.1 552.8L378.1 552.9C386.4 569.6 401.9 577.2 418.4 575.9C435 574.6 452.5 564.9 466.7 548C480.3 531.6 502.7 524.8 517.6 515.8C525 511.3 531 505.7 531.5 497.5C531.9 489.3 527.1 480.2 516 467.8zM319.8 151.3C329.6 129.1 354 129.5 363.8 150.9C370.3 165.1 367.4 181.8 359.5 191.3C357.9 190.5 353.6 188.7 346.9 186.4C348 185.2 350 183.7 350.8 181.8C355.6 170 350.6 154.8 341.7 154.5C334.4 154 327.8 165.3 329.9 177.5C325.8 175.5 320.5 174 316.9 173.1C315.9 166.2 316.6 158.5 319.8 151.3zM279.1 139.8C289.2 139.8 299.9 154 298.2 173.3C294.7 174.3 291.1 175.8 288 177.9C289.2 169 284.7 157.8 278.4 158.3C270 159 268.6 179.5 276.6 186.4C277.6 187.2 278.5 186.2 270.7 191.9C255.1 177.3 260.2 139.8 279.1 139.8zM265.5 200.5C271.7 195.9 279.1 190.5 279.6 190C284.3 185.6 293.1 175.8 307.5 175.8C314.6 175.8 323.1 178.1 333.4 184.7C339.7 188.8 344.7 189.1 356 194C364.4 197.5 369.7 203.7 366.5 212.2C363.9 219.3 355.5 226.6 343.8 230.3C332.7 233.9 324 246.3 305.6 245.2C301.7 245 298.6 244.2 296 243.1C288 239.6 283.8 232.7 276 228.1C267.4 223.3 262.8 217.7 261.3 212.8C259.9 207.9 261.3 203.8 265.5 200.5zM268.8 534.5C266.1 569.6 224.9 568.9 193.5 552.5C163.6 536.7 124.9 546 117 530.6C114.6 525.9 114.6 517.9 119.6 504.2L119.6 504C122 496.4 120.2 488 119 480.1C117.8 472.3 117.2 465.1 119.9 460.1C123.4 453.4 128.4 451 134.7 448.8C145 445.1 146.5 445.4 154.3 438.9C159.8 433.2 163.8 426 168.6 420.9C173.7 415.4 178.6 412.8 186.3 414C194.4 415.2 201.4 420.8 208.2 430L227.8 465.6C237.3 485.5 270.9 514 268.8 534.5zM267.4 508.6C263.3 502 257.8 495 253 489C260.1 489 267.2 486.8 269.7 480.1C272 473.9 269.7 465.2 262.3 455.2C248.8 437 224 422.7 224 422.7C210.5 414.3 202.9 404 199.4 392.8C195.9 381.6 196.4 369.5 199.1 357.6C204.3 334.7 217.7 312.4 226.3 298.4C228.6 296.7 227.1 301.6 217.6 319.2C209.1 335.3 193.2 372.5 215 401.6C215.6 380.9 220.5 359.8 228.8 340.1C240.8 312.7 266.1 265.2 268.1 227.4C269.2 228.2 272.7 230.6 274.3 231.5C278.9 234.2 282.4 238.2 286.9 241.8C299.3 251.8 315.4 251 329.3 243C335.5 239.5 340.5 235.5 345.2 234C355.1 230.9 363 225.4 367.5 219C375.2 249.4 393.2 293.3 404.7 314.7C410.8 326.1 423 350.2 428.3 379.3C431.6 379.2 435.3 379.7 439.2 380.7C453 345 427.5 306.5 415.9 295.8C411.2 291.2 411 289.2 413.3 289.3C425.9 300.5 442.5 323 448.5 348.3C451.3 359.9 451.8 372 448.9 384C465.3 390.8 484.8 401.9 479.6 418.8C477.4 418.7 476.4 418.8 475.4 418.8C478.6 408.7 471.5 401.2 452.6 392.7C433 384.1 416.6 384.1 414.3 405.2C402.2 409.4 396 419.9 392.9 432.5C390.1 443.7 389.3 457.2 388.5 472.4C388 480.1 384.9 490.4 381.7 501.4C349.6 524.3 305 534.3 267.4 508.6zM524.8 497.1C523.9 513.9 483.6 517 461.6 543.6C448.4 559.3 432.2 568 418 569.1C403.8 570.2 391.5 564.3 384.3 549.8C379.6 538.7 381.9 526.7 385.4 513.5C389.1 499.3 394.6 484.7 395.3 472.9C396.1 457.7 397 444.4 399.5 434.2C402.1 423.9 406.1 417 413.2 413.1C413.5 412.9 413.9 412.8 414.2 412.6C415 425.8 421.5 439.2 433 442.1C445.6 445.4 463.7 434.6 471.4 425.8C480.4 425.5 487.1 424.9 494 430.9C503.9 439.4 501.1 461.2 511.1 472.5C521.7 484.1 525.1 492 524.8 497.1zM269.4 212.7C271.4 214.6 274.1 217.2 277.4 219.8C284 225 293.2 230.4 304.7 230.4C316.3 230.4 327.2 224.5 336.5 219.6C341.4 217 347.4 212.6 351.3 209.2C355.2 205.8 357.2 202.9 354.4 202.6C351.6 202.3 351.8 205.2 348.4 207.7C344 210.9 338.7 215.1 334.5 217.5C327.1 221.7 315 227.7 304.6 227.7C294.2 227.7 285.9 222.9 279.7 218C276.6 215.5 274 213 272 211.1C270.5 209.7 270.1 206.5 267.7 206.2C266.3 206.1 265.9 209.9 269.4 212.7z" /></svg>,
    description: 'For most Linux distributions',
    recommended: false
  }];
  const installerTypes = [{
    id: 'graphical',
    name: 'graphical installer',
    displayName: 'Graphical installer',
    description: 'Easy-to-use installer with visual interface',
    recommended: true
  }, {
    id: 'cli',
    name: 'CLI installer',
    displayName: 'CLI installer',
    description: 'Command-line installer for advanced users',
    recommended: false
  }];
  const handleOSSelect = osId => {
    setSelectedOS(osId);
    setSelectedProduct(null);
    setSelectedInstallerType(null);
  };
  const handleProductSelect = productId => {
    setSelectedProduct(productId);
    setSelectedInstallerType(null);
  };
  const handleInstallerTypeSelect = typeId => {
    setSelectedInstallerType(typeId);
  };
  const getDocumentationPageName = () => {
    if (!selectedProduct || !selectedOS || !selectedInstallerType && selectedOS !== 'linux') {
      return null;
    }
    const productName = products.find(p => p.id === selectedProduct)?.name;
    const osName = operatingSystems.find(osItem => osItem.id === selectedOS)?.name;
    if (selectedOS === 'linux') {
      return `${productName} ${osName} CLI installer`;
    }
    const installerTypeName = installerTypes.find(t => t.id === selectedInstallerType)?.name;
    return `${productName} ${osName} ${installerTypeName}`;
  };
  const shouldShowProduct = () => {
    return selectedOS !== null;
  };
  const shouldShowInstallerType = () => {
    return selectedProduct && selectedOS && selectedOS !== 'linux';
  };
  const isFlowComplete = () => {
    if (!selectedOS || !selectedProduct) return false;
    if (selectedOS === 'linux') return true;
    return selectedInstallerType !== null;
  };
  const getDocumentationUrl = () => {
    if (!selectedProduct || !selectedOS || !selectedInstallerType && selectedOS !== 'linux') {
      return '#';
    }
    const urlMap = {
      'anaconda-windows-graphical': '/docs/getting-started/anaconda/install/windows-gui-install',
      'anaconda-windows-cli': '/docs/getting-started/anaconda/install/windows-cli-install',
      'anaconda-macos-graphical': '/docs/getting-started/anaconda/install/mac-gui-install',
      'anaconda-macos-cli': '/docs/getting-started/anaconda/install/mac-cli-install',
      'anaconda-linux-cli': '/docs/getting-started/anaconda/install/linux-install',
      'miniconda-windows-graphical': '/docs/getting-started/miniconda/install/windows-gui-install',
      'miniconda-windows-cli': '/docs/getting-started/miniconda/install/windows-cli-install',
      'miniconda-macos-graphical': '/docs/getting-started/miniconda/install/mac-gui-install',
      'miniconda-macos-cli': '/docs/getting-started/miniconda/install/mac-cli-install',
      'miniconda-linux-cli': '/docs/getting-started/miniconda/install/linux-install'
    };
    let key = `${selectedProduct}-${selectedOS}`;
    if (selectedOS !== 'linux') {
      key += `-${selectedInstallerType}`;
    } else {
      key += '-cli';
    }
    const url = urlMap[key];
    if (url && url.startsWith('/docs/getting-started/')) {
      return url;
    }
    return '#';
  };
  return <div className="mx-auto selector border border-gray-200 dark:border-gray-700 rounded-2xl p-6">
      {}
      <div className="prose mb-6">
        <span data-as="p">
          The guide you select using the options below will explain how to download and install your distribution. Select the cards to choose the right install instructions for you.
        </span>
      </div>

      {}
      <div className="mb-8">
        <h2 className="text-2xl font-bold text-gray-800 dark:text-gray-200 mb-6">
          Step 1: Select operating system
        </h2>
        <div className="card-group prose dark:prose-dark grid gap-x-4 sm:grid-cols-3">
          {operatingSystems.map(osItem => <a key={osItem.id} onClick={() => handleOSSelect(osItem.id)} onKeyDown={e => {
    if (e.key === 'Enter' || e.key === ' ') {
      e.preventDefault();
      handleOSSelect(osItem.id);
    }
  }} tabIndex={0} role="button" aria-pressed={selectedOS === osItem.id} aria-label={`Select ${osItem.name} operating system`} className={`card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark overflow-hidden w-full cursor-pointer focus:outline-2 focus:outline-primary focus:outline-offset-2 ${selectedOS === osItem.id ? 'border-2 border-primary dark:border-primary-dark bg-primary/5' : 'border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-dark'}`}>
              {osItem.recommended && <div className="absolute top-0 right-0 p-2">
                  <svg width="14" height="14" viewBox="0 0 640 640" fill="currentColor" xmlns="http://www.w3.org/2000/svg" className="w-4 h-4" aria-label="Beginner">
                    <path d="M175.3 160C161.3 160 148.8 169.2 144.7 182.6L102.4 320L256 320C273.7 320 288 334.3 288 352L352 352C352 334.3 366.3 320 384 320L537.6 320L495.3 182.6C491.2 169.2 478.8 160 464.7 160L432 160C414.3 160 400 145.7 400 128C400 110.3 414.3 96 432 96L464.7 96C506.8 96 544.1 123.5 556.5 163.8L601.9 311.3C606 324.5 608 338.2 608 352L608 448C608 501 565 544 512 544L448 544C395 544 352 501 352 448L352 416L288 416L288 448C288 501 245 544 192 544L128 544C75 544 32 501 32 448L32 352C32 338.2 34.1 324.5 38.1 311.3L83.5 163.8C95.9 123.5 133.1 96 175.3 96L208 96C225.7 96 240 110.3 240 128C240 145.7 225.7 160 208 160L175.3 160zM96 384L96 448C96 465.7 110.3 480 128 480L192 480C209.7 480 224 465.7 224 448L224 384L96 384zM512 480C529.7 480 544 465.7 544 448L544 384L416 384L416 448C416 465.7 430.3 480 448 480L512 480z"></path>
                  </svg>
                </div>}
              <div className="px-6 py-5 relative text-center" data-component-part="card-content-container">
                <div className="h-8 w-8 fill-gray-800 dark:fill-gray-100 text-gray-800 dark:text-gray-100 mx-auto mb-2" data-component-part="card-icon">
                  {osItem.icon}
                </div>
                <h2 className="not-prose font-semibold text-base text-gray-800 dark:text-white" data-component-part="card-title">
                  {osItem.name}
                </h2>
                <div className="prose mt-1 font-normal text-base leading-6 text-gray-600 dark:text-gray-400" data-component-part="card-content">
                  <span data-as="p">
                    {osItem.description}
                  </span>
                </div>
              </div>
            </a>)}
        </div>
      </div>

      {}
      {shouldShowProduct() && <div className="mb-8">
          <h2 className="text-2xl font-bold text-gray-800 dark:text-gray-200 mb-2">
            Step 2: Select distribution installer
          </h2>
          <div className="prose mb-6">
            <span data-as="p">
              For help deciding, see{' '}
              <a href="https://www.anaconda.com/docs/getting-started/concepts/anaconda-or-miniconda" className="text-primary dark:text-primary-light hover:underline" target="_blank" rel="noopener noreferrer">
                Choosing between Anaconda Distribution and Miniconda
              </a>.
            </span>
          </div>
          <div className="card-group prose dark:prose-dark grid gap-x-4 sm:grid-cols-2">
            {products.map(product => <a key={product.id} onClick={() => handleProductSelect(product.id)} onKeyDown={e => {
    if (e.key === 'Enter' || e.key === ' ') {
      e.preventDefault();
      handleProductSelect(product.id);
    }
  }} tabIndex={0} role="button" aria-pressed={selectedProduct === product.id} aria-label={`Select ${product.name}`} className={`card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark overflow-hidden w-full cursor-pointer focus:outline-2 focus:outline-primary focus:outline-offset-2 ${selectedProduct === product.id ? 'border-2 border-primary dark:border-primary-dark bg-primary/5' : 'border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-dark'}`}>
                {product.recommended && <div className="absolute top-0 right-0 p-2">
                    <svg width="14" height="14" viewBox="0 0 640 640" fill="currentColor" xmlns="http://www.w3.org/2000/svg" className="w-4 h-4" aria-label="Beginner">
                      <path d="M175.3 160C161.3 160 148.8 169.2 144.7 182.6L102.4 320L256 320C273.7 320 288 334.3 288 352L352 352C352 334.3 366.3 320 384 320L537.6 320L495.3 182.6C491.2 169.2 478.8 160 464.7 160L432 160C414.3 160 400 145.7 400 128C400 110.3 414.3 96 432 96L464.7 96C506.8 96 544.1 123.5 556.5 163.8L601.9 311.3C606 324.5 608 338.2 608 352L608 448C608 501 565 544 512 544L448 544C395 544 352 501 352 448L352 416L288 416L288 448C288 501 245 544 192 544L128 544C75 544 32 501 32 448L32 352C32 338.2 34.1 324.5 38.1 311.3L83.5 163.8C95.9 123.5 133.1 96 175.3 96L208 96C225.7 96 240 110.3 240 128C240 145.7 225.7 160 208 160L175.3 160zM96 384L96 448C96 465.7 110.3 480 128 480L192 480C209.7 480 224 465.7 224 448L224 384L96 384zM512 480C529.7 480 544 465.7 544 448L544 384L416 384L416 448C416 465.7 430.3 480 448 480L512 480z"></path>
                    </svg>
                  </div>}
                <div className="px-6 py-5 relative text-center" data-component-part="card-content-container">
                  <h2 className="not-prose font-semibold text-base text-gray-800 dark:text-white" data-component-part="card-title">
                    {product.name}
                  </h2>
                  <div className="prose mt-1 font-normal text-base leading-6 text-gray-600 dark:text-gray-400" data-component-part="card-content">
                    <span data-as="p">
                      {product.description}
                    </span>
                  </div>
                </div>
              </a>)}
          </div>
        </div>}

      {}
      {shouldShowInstallerType() && <div className="mb-8">
          <h2 className="text-2xl font-bold text-gray-800 dark:text-gray-200 mb-6">
            Step 3: Select installer file type
          </h2>
          <div className="card-group prose dark:prose-dark grid gap-x-4 sm:grid-cols-2">
            {installerTypes.map(type => <a key={type.id} onClick={() => handleInstallerTypeSelect(type.id)} onKeyDown={e => {
    if (e.key === 'Enter' || e.key === ' ') {
      e.preventDefault();
      handleInstallerTypeSelect(type.id);
    }
  }} tabIndex={0} role="button" aria-pressed={selectedInstallerType === type.id} aria-label={`Select ${type.name}`} className={`card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark overflow-hidden w-full cursor-pointer focus:outline-2 focus:outline-primary focus:outline-offset-2 ${selectedInstallerType === type.id ? 'border-2 border-primary dark:border-primary-dark bg-primary/5' : 'border border-gray-950/10 dark:border-white/10 hover:border-primary dark:hover:border-primary-dark'}`}>
                {type.recommended && <div className="absolute top-0 right-0 p-2">
                    <svg width="14" height="14" viewBox="0 0 640 640" fill="currentColor" xmlns="http://www.w3.org/2000/svg" className="w-4 h-4" aria-label="Beginner">
                      <path d="M175.3 160C161.3 160 148.8 169.2 144.7 182.6L102.4 320L256 320C273.7 320 288 334.3 288 352L352 352C352 334.3 366.3 320 384 320L537.6 320L495.3 182.6C491.2 169.2 478.8 160 464.7 160L432 160C414.3 160 400 145.7 400 128C400 110.3 414.3 96 432 96L464.7 96C506.8 96 544.1 123.5 556.5 163.8L601.9 311.3C606 324.5 608 338.2 608 352L608 448C608 501 565 544 512 544L448 544C395 544 352 501 352 448L352 416L288 416L288 448C288 501 245 544 192 544L128 544C75 544 32 501 32 448L32 352C32 338.2 34.1 324.5 38.1 311.3L83.5 163.8C95.9 123.5 133.1 96 175.3 96L208 96C225.7 96 240 110.3 240 128C240 145.7 225.7 160 208 160L175.3 160zM96 384L96 448C96 465.7 110.3 480 128 480L192 480C209.7 480 224 465.7 224 448L224 384L96 384zM512 480C529.7 480 544 465.7 544 448L544 384L416 384L416 448C416 465.7 430.3 480 448 480L512 480z"></path>
                    </svg>
                  </div>}
                <div className="px-6 py-5 relative text-center" data-component-part="card-content-container">
                  <h2 className="not-prose font-semibold text-base text-gray-800 dark:text-white" data-component-part="card-title">
                    {type.displayName}
                  </h2>
                  <div className="prose mt-1 font-normal text-base leading-6 text-gray-600 dark:text-gray-400" data-component-part="card-content">
                    <span data-as="p">
                      {type.description}
                    </span>
                  </div>
                </div>
              </a>)}
          </div>
        </div>}

      {}
      {isFlowComplete() && <div className="text-center" role="region" aria-label="Installation instructions">
          <div className="mb-4 p-4 bg-primary/10 rounded-lg" aria-live="polite">
            <p>
              <span className="font-semibold">Selected:</span>{' '}
              {getDocumentationPageName()}
            </p>
          </div>
          
          <button onClick={() => window.open(getDocumentationUrl(), '_blank')} id="install-instructions-button" className="prose inline-block px-8 py-3 bg-primary-dark text-white font-semibold rounded-lg transition-colors duration-200" aria-label="View installation instructions">
            View installation instructions
          </button>
        </div>}

      {}
      <div className="progress-indicator mt-6 flex justify-center space-x-4" role="status" aria-label="Selection progress">
        <div className={`w-3 h-3 rounded-full transition-colors duration-200 ${selectedOS ? 'bg-primary' : 'bg-gray-300'}`} aria-label={selectedOS ? 'Operating system selected' : 'Operating system not selected'}></div>
        <div className={`w-3 h-3 rounded-full transition-colors duration-200 ${selectedProduct ? 'bg-primary' : 'bg-gray-300'}`} aria-label={selectedProduct ? 'Product selected' : 'Product not selected'}></div>
        {selectedOS !== 'linux' && <div className={`w-3 h-3 rounded-full transition-colors duration-200 ${isFlowComplete() ? 'bg-primary' : 'bg-gray-300'}`} aria-label={isFlowComplete() ? 'All selections complete' : 'Installer type not selected'}></div>}
      </div>
    </div>;
};

export const Beginner = ({children}) => {
  return <div class="callout my-4 px-5 py-4 overflow-hidden rounded-2xl flex gap-3 border beginner-admonition dark:beginner-admonition" data-callout-type="beginner">
      <div class="mt-0.5 w-4">
        <svg width="14" height="14" viewBox="0 0 640 640" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" aria-label="Beginner">
          <path d="M175.3 160C161.3 160 148.8 169.2 144.7 182.6L102.4 320L256 320C273.7 320 288 334.3 288 352L352 352C352 334.3 366.3 320 384 320L537.6 320L495.3 182.6C491.2 169.2 478.8 160 464.7 160L432 160C414.3 160 400 145.7 400 128C400 110.3 414.3 96 432 96L464.7 96C506.8 96 544.1 123.5 556.5 163.8L601.9 311.3C606 324.5 608 338.2 608 352L608 448C608 501 565 544 512 544L448 544C395 544 352 501 352 448L352 416L288 416L288 448C288 501 245 544 192 544L128 544C75 544 32 501 32 448L32 352C32 338.2 34.1 324.5 38.1 311.3L83.5 163.8C95.9 123.5 133.1 96 175.3 96L208 96C225.7 96 240 110.3 240 128C240 145.7 225.7 160 208 160L175.3 160zM96 384L96 448C96 465.7 110.3 480 128 480L192 480C209.7 480 224 465.7 224 448L224 384L96 384zM512 480C529.7 480 544 465.7 544 448L544 384L416 384L416 448C416 465.7 430.3 480 448 480L512 480z" />
        </svg>
      </div>
      <div class="text-sm prose min-w-0 w-full">
        {children}
      </div>
    </div>;
};

Whether you're new to programming or a seasoned developer, this page will help you get started with Anaconda's tools for package and environment management.

<Beginner>
  New to programming or not sure where to start? The <Icon icon="glasses" iconType="solid" aria-label="glasses" /> icon indicates Anaconda's recommended path for beginners!
</Beginner>

## Choose your install instructions

<Tip>
  Just looking for the installers? Navigate to [anaconda.com/download](https://www.anaconda.com/download?utm_source=anacondadocs\&utm_medium=documentation\&utm_campaign=download\&utm_content=installwindows), create a free Anaconda account, and then download an installer for your system.
</Tip>

<InstallerSelector />

## Choose how you want to work with conda

Anaconda Navigator provides a graphical user interface (GUI) to interface with <Tooltip tip="An open-source package and environment manager that installs, updates, and removes packages with their dependencies in isolated environments, allowing multiple versions of the same software without conflicts.">conda</Tooltip>, without using the command line.

If you prefer working at the command line, you can interface with conda directly through [Anaconda Prompt](/reference/glossary#anaconda-prompt) (Windows) or your system's terminal (macOS and Linux) after you complete your installation.

<Note>
  Anaconda Navigator is not included with Miniconda. Follow the instructions on [Installing Navigator](/tools/anaconda-navigator/install) to manually install Navigator onto your computer.
</Note>

<CardGroup cols={2}>
  <Card title="Get started with Navigator" icon="desktop" href="/tools/anaconda-navigator/getting-started">
    <div style={{ position: "absolute", top: 0, right: 0, padding: "8px" }}>
      <BeginnerGlasses />
    </div>

    <span style={{ display: "block", marginTop: 0, marginBottom: 0 }}>
      Manage packages and environments with a desktop application
    </span>
  </Card>

  <Card title="Work with conda" icon="terminal" href="/getting-started/working-with-conda/main">
    Use command-line tools for package and environment management
  </Card>
</CardGroup>

## Learning resources

Now that you're set up, explore these resources based on your experience level.

### Beginner topics

<CardGroup cols={3}>
  <Card title="Concepts" icon="lightbulb" href="/getting-started/concepts/what-is-conda">
    Learn fundamental concepts about conda, packages, environments, and channels
  </Card>

  <Card title="Intro to conda workflows" icon="route" href="/getting-started/working-with-conda/conda-intro-tutorial">
    Follow this tutorial if you're new to conda or love fun facts 🐮💬
  </Card>

  <Card title="Get Started with Anaconda course" icon="graduation-cap" href="https://learning.anaconda.com/courses/get-started-with-anaconda">
    Take this free course covering packages, environments, and Jupyter Notebooks
  </Card>
</CardGroup>

### Advanced topics

<CardGroup cols={3}>
  <Card title="IDE guides" icon="code" href="/getting-started/guides/ides/main">
    Set up PyCharm, VS Code, and other popular IDEs
  </Card>

  <Card title="Official conda documentation" icon="book" href="https://docs.conda.io/">
    Access in-depth technical resources for using conda
  </Card>

  <Card title="Anaconda Learning" icon="chalkboard-user" href="https://learning.anaconda.com/">
    Advance your skills with courses and certifications
  </Card>
</CardGroup>
