@font-face {
    font-family: 'ABC diatype';
    src: url('https://cdn.replit.com/dotcom/fonts/ABCDiatypePlusVariable.woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
h1,
h2,
h3 {
  font-family: 'ABC diatype';
  letter-spacing: normal !important;
}

#card-group {
  background-color: #F8F8F9;
}

.card {
  background-color: transparent !important;
}
#home-search-entry {
  outline: 4px solid rgb(229, 231, 235);
}

.dark #home-search-entry {
  outline: 4px solid rgb(21, 21, 21);
}

a[href*="mintlify.com"] {
  display: none !important;
}


Learn how to build Replit Extensions with step-by-step examples including a JSON editor, snippet manager, and JavaScript command tools.

Overview

Examples

Replit

Learn how to build and deploy apps on Replit with comprehensive guides, tutorials, and API documentation for developers.

Welcome to Replit documentation

Learn the basics of Replit's development environment and start building software in minutes with our comprehensive getting started guides.

Replit provides a large range of tools and features necessary for software development. It serves as an IDE, a code collaboration platform, a cloud provider, a developer community, and so much more.

Introduction to Replit

Learn how to use the Replit workspace, configure your development environment, and manage dependencies in your Replit Apps.

The Workspace is like an IDE (Integrated Development Environment), providing a comprehensive set of development tools and features for creating, debugging, and managing your software. It helps you quickly and easily create, modify, and collaborate on your code.

Introduction to the Workspace

Learn how to configure your Replit App using .replit and replit.nix files to manage dependencies, run commands, environment variables, and deployment settings.

Configure a Replit App

A Workflow is a easily configurable 'Run' button that can run any command(s) you'd like.

Intro to Workflows

Replit supports a variety of languages and dependency management systems through the Dependencies tool. This section will cover the different types of dependencies and how to manage them in your Replit App.

Dependency Management

Learn how to set up and use SSH to connect your local development environment to Replit Apps for secure remote access and file synchronization.

Learn how to use Replit's native desktop application for a focused coding environment with enhanced features, custom shortcuts, and deep linking support.

Replit Desktop App

Learn how to code, collaborate, and deploy projects from your phone using the Replit mobile app. Access key features like real-time collaboration and instant deployment.

Replit Mobile App

Extensions are applications you can develop to enhance the functionality and tools available within the Replit Workspace.

Extensions

Learn how ports work in Replit's cloud environment, including port forwarding, configuration, and troubleshooting for your web applications.

Ports

Learn essential keyboard shortcuts to boost productivity in Replit. Includes basic editing commands, navigation shortcuts, and how to use the command palette.

Keyboard Shortcuts

If your Replit App can be used as a good starting point for other project, you might want to submit it as a template! Let's learn what a Replit template is and how to make a good one.

Templates

Learn about Replit AI's code completion, chat assistance, code explanation, and generation capabilities to enhance your development workflow.

Replit AI

At Replit, we are on a mission to empower the next billion software creators. Over time, we grew full conviction that such a mission can’t be accomplished without putting our AI features in the hands of every Replit developer. Code completion and code assistance are now enabled by default.

Getting Started

Replit AI is a code completion tool that provides suggestions based on the code in your current file. To use it, simply start coding and the suggestions will appear inline.

Complete Code

Replit's Replit AI Chat is an chat-based AI assistant that enables users to quickly get answers to their coding-related questions directly in the Workspace, without ever leaving the page.

Replit AI Chat

Replit AI can give you step-by-step natural language explanations of your code with Explain Code. This feature is especially useful when trying to understand other people's code or code you wrote in the past.

Explain Code

With Edit Code, Replit AI can refactor your code to run faster, translate it into another language, and make your code easier to read

Edit Code

Learn how to use Replit AI's Generate Code feature to create code from natural language prompts in your Replit App editor.

Generate Code

Learn how to use the Replit Agent, an AI-powered tool that helps you build software projects through natural language prompts and interactive assistance.

Replit Agent

Learn how to use Replit Assistant to improve code, fix errors, and build features. Includes setup, usage tips, and billing information for Basic and Advanced modes.

Replit Assistant

Learn how to deploy your Replit Apps and manage cloud storage and databases to build production-ready applications.

Cloud Services

Learn about Replit Core membership features and benefits to enhance your development experience with advanced tools and capabilities.

Replit Core

Learn about Replit Core membership features including AI coding assistance, powerful workspaces, monthly credits, deployments, and exclusive perks.

Introduction

Learn how to earn Cycles by completing coding tasks or post your own Bounties to get help with development projects on Replit.

Bounties

Bounties on Replit allow you to request and pay for coding tasks or project work using a platform-specific currency called Cycles. When you have a specific need—such as developing a new product, needing coding help for a personal project, or requiring API integration—you can create a Bounty. This acts as a job posting that other members, known as Bounty Hunters, can accept to complete the specified task.

Earning with Replit Bounties

Learn how to post a bounty, manage applications, and review work submissions on Replit's bounty platform to get help with your projects.

Posting and awarding a Bounty

Find templates, portfolio tips, and tutorials to help you succeed as a Replit bounty hunter. Learn how to showcase your work and build your skills.

Resources for Bounty Hunters

Learn how to communicate effectively during bounty projects with templates for both bounty hunters and posters to use throughout the process.

Bounty Templates

Learn how to post and complete Bounties on Replit, including pricing guidelines, payment processes, and best practices for both Bounty Posters and Hunters.

Frequently Asked Questions (FAQ)

Find guides and documentation for advanced Replit features, including compute settings, authentication, hosting, and project management tools.

Additional Resources

This document will help you improve your Replit App's performance by changing its computing abilities. You can make these changes by adjusting vCPUs (think of them as the brain) and RAM (similar to memory).

Edit Compute specification  (Previously Boosts)

Learn about Replit's hosting options including Autoscale, Reserved VMs, and Static Hosting for deploying your web applications.

Hosting webpages

Learn how to create and manage private Replit Apps with a Core membership or Teams Pro account. Control access to your projects with privacy settings.

Private Replit App

One of the great parts about Replit is that _everything_ you make can be shared with the world. Since your code is hosted in the cloud, it's as simple as one click!

Sharing Your Replit App

Learn how to add user authentication to your Flask web application using Replit App Auth. Follow this step-by-step guide to implement secure user login.

Authenticating users with Replit App Auth

Learn how to add user authentication to your Replit Apps using Replit App Auth, a simple solution that lets users sign in with their Replit accounts.

Replit App Auth 2.0

Replit offers virtual network computing (VNC) functionality. VNC is a mature virtual desktop protocol that allows your Replit App to stream a native desktop to your web browser. This protocol allows native applications (developed in Python, Java, C++, etc.) to open desktop windows as they would on any physical computer.

Streaming native graphics using VNC

Embedding a Replit App in your website or documentation allows you to display a read-only view of your code, meaning viewers can see but not edit the code. This feature is particularly useful for showcasing examples, tutorials, or code snippets directly within your content.

Embedding Replit App

Learn how to add, customize, and embed a Made with Replit badge in your Replit App's webview to showcase your project and link back to your cover page.

Add a "Made with Replit" badge to your Webview

Command Line User Interface, often referred to as the CLUI is an interactive command bar from which you can perform a variety of actions. There are three variations of the CLUI located across Replit- Account, Shortcuts, and Workspace.

CLUI, the Graphical CLI

Learn how to implement Google OAuth authentication in a Flask app on Replit, including user login and Google Sheets API integration.

Google Authentication in Python and Flask

A comprehensive glossary of essential Replit terminology, features, and concepts for developers using the platform.

Key Terms

Learn how to organize, search, and control privacy settings for your Replit Apps. Includes guidance on public vs private apps and starring favorites.

Managing your Replit App

Learn about Replit's outbound transfer limits, how to monitor usage, and what happens when you reach your limit. Includes guidance for managing data transfer.

Outbound Data Transfer Limits

Learn how to set up and run Ruby on Rails applications on Replit, including importing from GitHub, configuring hosts, and troubleshooting common issues.

Running Rails on Replit

Find answers to common questions about Replit, including account management, troubleshooting, billing support, and using key features.

Build a fun image generator in 5 minutes using Replit's AI tools. Perfect for beginners exploring no-code development.

Create a cat image generator

Build a file conversion app in 15 minutes using Replit's AI tools. Learn how to use Agent and Assistant to create apps through natural language.

Create a file converter with AI

Build an app that connects to Google Sheets using Python. Learn how to fetch and process spreadsheet data on Replit.

Create a Google Sheets integration

Build a fun Discord bot that tells jokes. Learn how to use the Discord API and deploy your bot on Replit.

Create a Discord bot

Build and deploy a modern React application using Next.js on Replit. Learn how to use server-side rendering and static generation.

Create a Next.js app

Build and deploy a web application using Flask on Replit. Learn how to use autoscaling for reliable web hosting.

Create a Flask app

Build and deploy a high-performance API using FastAPI on Replit. Learn how to use autoscaling for reliable API hosting.

Create a FastAPI service

Build and deploy a modern static blog using Astro on Replit. Learn how to use static deployments for fast, reliable content delivery.

Create a static blog with Astro

Build a bot that scrapes HackerNews and sends updates to Slack. Learn how to use scheduled deployments and integrate with external services.

Create a HackerNews Slack bot

Build a Slack bot that summarizes channel activity using GPT-4. Learn how to integrate AI with Slack's API.

Create a Slack channel summarizer

Learn about Replit's billing system, including AI usage, deployments, databases, and team plans. Manage costs and set usage alerts.

Billing

Learn how billing and credits work for Replit AI features including Agent and Assistant usage, checkpoints, and managing your spend.

Replit AI Billing

Learn how Replit bills for deployments and databases, including outbound data transfer, compute units, requests, and PostgreSQL usage metrics.

Deployments and Database Billing

Set up usage alerts and budgets to monitor and control costs for usage-based billing services on Replit. Get notified when you reach spending thresholds.

Managing Your Spend

Learn about Replit's policies on security, privacy, licensing, usage limits, and other legal matters to help you use the platform safely and effectively.

Legal and Security

Learn how public and private Replit Apps are licensed, including MIT license details and how to specify custom licenses for your projects.

Licensing information

Learn about warnings, banned community access, and site bans in Replit.

Strike system FAQ

Learn about Replit's account inactivity policy, when accounts may be terminated, and how paid subscriptions affect account status.

Account Inactivity

Learn how to permanently delete your account and personal information from Replit using either the web browser or mobile app.

Deleting your data

We understand that your code, applications, and user-data hosted on Replit are very important, so we take seriously our responsibility to safeguard it. After all, we use Replit to build our business too!

Security

Replit offers different support options for all Replit users, members and free.

Support Policy

At Replit, we strive to create a fun and creative community that is also trusted and safe. To achieve this goal, we have implemented rules and policies that promote positive behavior and protect our users. In this document, you will find a summary of our key rules, tips on how to report any concerns, and information on where you can learn more.

Trust and Safety at Replit

Learn about Replit's resource limits, including CPU, RAM, storage, and network restrictions that apply to Replit Apps based on your plan.

Usage Quota & Limits

Learn about Replit's commitment to web accessibility, WCAG 2.1 compliance goals, current accessibility status, and how to provide feedback about accessibility features.

Replit web accessibility statement

Learn about team features, access management, project sharing, and collaboration tools in Replit. Manage organizations and work together effectively.

Teams

Learn about Replit's security practices, data protection, and compliance standards

Information Security

Learn how to create and customize your organization's public profile on Replit to showcase your brand, products, and public Replit Apps to the community.

Public Profiles

Learn how to transfer personal and Legacy Teams Replit Apps to your Organization using the CLUI tool, with steps to ensure a smooth transition.

Collaboration on Replit

Learn how to gift Replit Core subscriptions to developers outside your organization through sponsorships for hackathons, bootcamps, and other events.

Replit Core Sponsorships

Learn how to manage billing, seats, and subscriptions for your Replit Team. Find guides for team billing structure, seat management, and cancellation.

Billing for Teams

Learn about seat pricing and usage-based billing for Replit Teams, including how invoicing works and monthly credit allocations per team member.

Learn how to add and remove seats in your organization, including prorated billing and scheduling changes for the next billing period.

Managing Seats

Learn how to cancel your organization subscription and understand what happens to your resources when you delete your organization.

Cancellation

Welcome! These docs contain docs, examples, and API references for the Replit Extensions platform.

Extension Developer Docs

Learn how to build a basic Replit extension by creating, previewing, and adding features to a sample project using Extension Devtools and the Extensions API.

Create an Extension

Create your first Replit Extension

Replit provides a few templates to help you get started with your extension. You can find them in the "Create Replit App" menu, or fork one by clicking a link below.

Extension Templates

On this page, you'll learn the key concepts of Replit Extensions. If you're new to Extensions, we recommend you start with the [Get Started guide](/extensions/).

Key Concepts

Learn how to build Replit extensions using React, Extension Devtools, and API integrations. Get started with templates or manual installation.

Development

Learn how to use Replit's Extension Devtools to manage metadata, file handlers, and tools while developing your extension.

Extension Devtools

Learn how to build a full-stack extension by creating a separate backend API server to handle requests from your extension client on Replit.

Full-Stack

Learn how to install and initialize the Replit Extensions API client using script tags or npm packages for your project.

Manual Installation

Learn how to prepare and publish your Replit Extension to the store, including icon design, build configuration, and the review process.

Publish your Extension

Build a custom JSON editor extension for Replit using React and react-json-view to enable structured editing and code folding of JSON files.

JSON Editor

Learn how to build a snippet manager extension that lets developers store and organize code snippets directly within the Replit workspace.

Snippet Manager

Learn how to build an extension that adds JavaScript-related commands to Replit for managing npm packages and running scripts.

Javascript Commands

Complete reference documentation for all Replit extension APIs, including authentication, commands, filesystem access, and workspace integration.

API Reference

Learn how to configure your Replit Extension with the extension.json manifest file. View required fields, optional properties, and supported types.

Manifest

Extension manifest reference

Learn how to authenticate users securely in your Replit extensions using the auth API module. Get and verify JWT tokens for user authentication.

Authentication API

auth API

Learn how to use background scripts to run persistent code in your Replit extension from startup until the workspace closes.