Skip to main content

Extensions Developer Guide

Welcome to the Extensions Developer guide!

Templates​

React Extension Template​

A starter template for building Extensions with the React Client.

HTML/CSS/JS Extension Template​

A starter template for building Extensions with HTML, CSS, and Javascript.

Installation​

HTML/CSS/JS​

Start using the Extensions API client by inserting this code into the <head> tag of your HTML:

<script src="https://unpkg.com/@replit/extensions@1.0.0-beta.0/dist/index.global.js"></script>

Start using the API client by creating a new <script> tag and using the pre-defined replit variable.

<script>
  async function main() {
    await replit.init();

    ...
  }

  window.addEventListener('load', main);
</script>

Module Import​

If you are using a framework that supports module import resolution, install the client with your preferred package manager and use the import statement to start using it.

npm install @replit/extensions
yarn add @replit/extensions
pnpm add @replit/extensions

After installing the API client, use the import statement to start using it.

import {
  fs,
  data,
  ...
} from '@replit/extensions';

Feedback & Support

The best way to get support and/or give us your feedback on Extension Development is to post on the Ask Forum's Extensions category.