Use AWS SDK v3 Directly in the Browser

No bundlers. No build tools. No setup. Just import and use.

Zero Build. Native Browser. AWS SDK v3.

Get Started in Seconds

Use AWS SDK v3 directly in your browser using import maps:

Just Select your @aws-sdk service and version and done. you are all set!

Current Selection: @aws-sdk/sdkName with version

There are 2 ways to use the AWS SDK v3 in the browser:
  • External Script File - Recommended
  • Inline Script Tag
# Method 1: External Script File - Recommended

html content - This can be inside index.html or home.html or any other HTML file

<!DOCTYPE html>
<html lang="en">
      <head>
            <meta charset="utf-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>AWS SDK v3 Browser Usage</title>

            <!-- To Know more about importmap, refer to the MDN documentation: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/script/type/importmap -->

            <script type="importmap" crossorigin="anonymous">
                  {
                    "imports": {
                        "@aws-sdk/sdkName": "https://cdn.jsdelivr.net/gh/cloud-sdk-builds/sdkName@version/index.min.mjs"
                    },
                      "integrity": {
                        "https://cdn.jsdelivr.net/gh/cloud-sdk-builds/sdkName@version/index.min.mjs": "srihash"
                    }
                  }
            </script>
      </head>
      <body>
            <h1>Hello World!</h1>

            <script type="module" src="/script.mjs"></script>

      </body>
</html>
javascript content

This is a separate file named script.mjs but can be named anything you prefer but don't forget to update the src attribute in the script tag in above html content and also remember .mjs as file extension such that it can be treated as modules by the browser and can be used with the import statement.

import {  } from "@aws-sdk/sdkName";
// Refer AWS SDK for JavaScript V3 - Service Documentation
// https://docs.aws.amazon.com/AWSJavaScriptSDK/v3/latest/
# Method 2: Inline Script Tag
<!DOCTYPE html>
<html lang="en">
      <head>
            <meta charset="utf-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>AWS SDK v3 Browser Usage</title>

            <!-- To Know more about importmap, refer to the MDN documentation: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/script/type/importmap -->

            <script type="importmap" crossorigin="anonymous">
                  {
                    "imports": {
                        "@aws-sdk/sdkName": "https://cdn.jsdelivr.net/gh/cloud-sdk-builds/sdkName@version/index.min.mjs"
                    },
                      "integrity": {
                        "https://cdn.jsdelivr.net/gh/cloud-sdk-builds/sdkName@version/index.min.mjs": "srihash"
                    }
                  }
            </script>
      </head>
      <body>
            <h1>Hello World!</h1>

            <script type="module">
                  import {  } from "@aws-sdk/sdkName";
                  // Refer AWS SDK for JavaScript V3 - Service Documentation
                  // https://docs.aws.amazon.com/AWSJavaScriptSDK/v3/latest/
            </script>

      </body>
</html>

An import map allows you to define how module specifiers are resolved in the browser, enabling you to use clean import statements without relying on a build step. By mapping package names (such as @aws-sdk/sdkName) to versioned CDN URLs, you ensure consistent and predictable module loading. The import map must be declared inside a <script type="importmap"> tag within the <head> section of your HTML document so that it is available before any module scripts are executed. Refer MDN documentation.

# html tag
<script type="importmap" crossorigin="anonymous">
    {
      "imports": {
          "@aws-sdk/sdkName": "https://cdn.jsdelivr.net/gh/cloud-sdk-builds/sdkName@version/index.min.mjs"
      },
        "integrity": {
          "https://cdn.jsdelivr.net/gh/cloud-sdk-builds/sdkName@version/index.min.mjs": "srihash"
      }
    }
</script>
# imports line
"@aws-sdk/sdkName": "https://cdn.jsdelivr.net/gh/cloud-sdk-builds/sdkName@version/index.min.mjs"
# integrity line
"https://cdn.jsdelivr.net/gh/cloud-sdk-builds/sdkName@version/index.min.mjs": "srihash"
The CDN URI provides a direct, versioned link to the prebuilt JavaScript module that can be used in browser-based applications without any bundling or compilation. These files are optimized using modern build tools (such as webpack in production mode) to ensure minification, performance, and compatibility. By using a versioned CDN URL, you benefit from aggressive caching and deterministic behavior, ensuring that your application always loads the exact version you specify.
CDN URI
https://cdn.jsdelivr.net/gh/cloud-sdk-builds/sdkName@version/index.min.mjs
Subresource Integrity (SRI) ensures that the file loaded from a CDN has not been altered or tampered with. Each distributed file is associated with a cryptographic hash (e.g., sha384-...) that the browser uses to verify its integrity at runtime. If the fetched resource does not match the expected hash, the browser will reject it, preventing potentially malicious code from being executed. This provides an additional layer of security when loading third-party resources. Refer MDN documentation.
SRI Hash
srihash
The source code for this package is maintained on GitHub, where you can explore the implementation, review changes, and contribute to the project. The repository contains the original module sources along with the build configuration used to generate the distributed files. Each release is versioned and tagged, allowing you to reference specific versions directly. The CDN files correspond to these tagged versions, ensuring transparency and traceability between the published artifacts and their source code.
# GitHub Repository
https://github.com/cloud-sdk-builds/sdkName
# Current Version File
https://github.com/cloud-sdk-builds/sdkName/blob/version/index.min.mjs
# Latest Version File
https://github.com/cloud-sdk-builds/sdkName/blob/main/index.min.mjs
# Raw File
https://raw.githubusercontent.com/cloud-sdk-builds/sdkName/refs/tags/version/index.min.mjs

Why cloud-sdk-builds?

⚡ No Build Step

Skip Webpack, Vite, or any bundler. Use AWS SDK directly in the browser.

🚀 Fast Integration

Prebuilt modules hosted on CDN for instant usage and faster development.

🌐 Native ES Modules

Leverage modern browser capabilities with import maps and clean module imports.

cloud-sdk-builds makes AWS SDK v3 available directly in the browser - no bundlers, no build step, no Node.js required. Just drop an import map into your HTML and start using S3, DynamoDB, Lambda, and more as native ES modules, served from a global CDN with SRI integrity hashes for security.