@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', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  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;
}

#content-area {
  max-width: 640px;
  margin: 0 auto;
}

@media screen and (min-width: 1280px) {
  #content-area {
    min-width: 680px;
    max-width: 680px !important;

  }
}

@media screen and (min-width: 1536px) {
  #content-area {
    min-width: 680px;
    max-width: 720px !important;
  }
}

#content-area img:not(.no-style):not(.icon-svg) {
  max-height: 40vh;
  display: block;
  margin: 0 auto;
  border-radius: 8px;
}

#content-area .icon-svg {
  display: inline;
  max-height: none;
  margin: 0;
  border-radius: 0;
}

.dark .icon-svg {
  filter: invert(1);
}

iframe {
  width: 100%;
  aspect-ratio: 16/9;
}

iframe[src*="youtube.com"] {
  border-radius: 8px;
  width: 100%;
  aspect-ratio: 16/9;
}

/* Navigation collapse styles */
ul[data-collapsed="true"] > li:not(:first-child) {
  display: none !important;
}

h5 svg {
  transition: transform 0.2s ease-in-out;
}

code {
    padding-left: 2px !important;
    padding-right: 2px !important
}

/* Custom minimalist scrollbars */
html, body, * {
  scrollbar-width: thin;
  scrollbar-color: #9ca3af transparent;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar,
*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
*::-webkit-scrollbar-track {
  background: transparent;
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
*::-webkit-scrollbar-thumb {
  background-color: #6b7280 !important;
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover,
*::-webkit-scrollbar-thumb:hover {
  background-color: #6b7280 !important;
}

/* Dark mode scrollbars */
.dark html,
.dark body,
.dark * {
  scrollbar-color: #6b7280 transparent;
}

.dark html::-webkit-scrollbar-thumb,
.dark body::-webkit-scrollbar-thumb,
.dark *::-webkit-scrollbar-thumb {
  background-color: #6b7280 !important;
}

.dark html::-webkit-scrollbar-thumb:hover,
.dark body::-webkit-scrollbar-thumb:hover,
.dark *::-webkit-scrollbar-thumb:hover {
  background-color: #6b7280 !important;
}

What you’ll learn

Create your app

Next steps

Related guides

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

Replit

Replit is the fastest way to go from idea to app. Create and deploy full-stack apps from your browser with AI at your fingertips—no installation or setup required.

Introduction

Learn about Replit Core membership features including powerful AI tools, high-performance workspaces, and one-click deployments.

Replit Core

Replit Apps help you transform your ideas into apps anyone can access, anywhere.

Overview

Replit Apps

Importing projects and designs from external tools into Replit Agent Apps.

Import

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!

Collaboration

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.

Visibility

Replit App Visibility

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

Advanced Configuration

Replit App Configuration

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.

App Embed

Replit App Embed

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

Replit's AI-powered tools help you code faster, solve problems more efficiently, and deliver production-ready apps.

Replit AI

Replit Agent uses AI to set up and create apps from scratch. Describe your app in everyday language, and it can set up and create your Replit App in minutes.

Agent

Replit Agent

The Replit workspace is an environment where you can create apps and write code in a single browser tab without any installation or setup. From the workspace, you can create, run, and deploy your apps from any device.

Personalize your workspace with custom color schemes, syntax highlighting, and UI preferences, or explore and use themes created by the community.

Themes

Replit Themes

Share your Replit Apps with the world in just a few clicks.

Learn about file storage and database options on Replit.

Storage and Databases

Database is a Replit workspace tool that lets you set up a database for your apps to store and query your data.

Database

A simple, built-in key-value database for your Replit Apps with no configuration required.

Key-Value Store

The Replit Mobile App for iOS and Android lets you create apps using all of Replit's tools on the go.

Mobile App

Replit Mobile App

The Replit Desktop App for macOS, Windows, and Linux lets you create apps using all Replit's tools in a focused coding environment.

Desktop App

Replit Desktop App

Learn how to use CLUI, Replit's interactive command bar that lets you perform various actions across your Account, Workspace, and through Shortcuts.

CLUI

The Graphical Command Line Interface

A handy cheat sheet summarizing the key features and functionalities of Replit.

Cheat Sheet

Replit Cheat Sheet

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

Learn how to go from an idea to a deployed application using Replit Agent and Assistant, featuring an interactive map visualization project.

Vibe coding 101

Vibe coding 101: from idea to deployed app

Learn principles and see examples for writing effective prompts when using AI development tools like Replit Agent and Assistant.

Efficient prompting

Efficient prompting with Replit AI

Learn essential skills to effectively guide AI tools like Replit Agent and Assistant, turning your ideas into functional applications faster.

How to vibe code effectively

Learn when and how to use Dynamic Intelligence (Extended Thinking and High Power) and Web Search to maximize Agent's capabilities for complex builds and accessing current information.

Advanced AI features

Learn how to build a website that uses Notion as a Content Management System (CMS) with Replit Agent.

Notion-powered website

Build a Notion-powered website

Replit is the fastest way to create and publish cross-platform mobile apps using Expo, without any setup or configuration.

Create mobile apps with Replit

Building Mobile Apps with Expo and Replit

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

Learn about the security features built into Replit.

Built-in security features

Replit's built-in security features

Follow this comprehensive security checklist to ensure your vibe coded applications follow best security practices.

Security checklist

Security checklist for vibe coding

Learn how to use Model Context Protocol (MCP) to give AI models access to tools, data sources, and real-world capabilities in just 3 minutes.

Learn about MCP in 3 minutes

Learn how to use Grok 3 and Replit to build and deploy a brick breaker game without writing a single line of code.

Deploy a Grok 3 app on Replit

Deploy a Grok 3 app on Replit in 5 minutes

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 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 how to connect to your Replit database from your Replit App.

Add a SQL database

Connect your app to a SQL database

Learn how to use the Python Object Storage client library to manage objects from your Replit App.

Object Storage in Python

Manage Object Storage in Python

Learn how to use the JavaScript Object Storage client library to manage objects from your Replit App.

Object Storage in JavaScript

Manage Object Storage in JavaScript

Add, customize, and embed a Replit Badge in your Replit App to showcase your project and link back to your cover page.

Add a Replit Badge

Add a Replit Badge to your app

Replit's billing system helps you optimize your spending on the platform.

Billing

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

Replit AI Billing

Summary of the Deployment pricing changes coming in spring 2025.

Deployment Repricing

Learn how Replit charges for Object Storage.

Object Storage

Object Storage Billing

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

Deployments & Databases

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

Build and ship software faster with your team using Replit's collaborative development platform.

Replit Teams

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

Information Security

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

July 4, 2025

June 27, 2025

June 20, 2025

June 13, 2025

June 6, 2025

May 30, 2025

May 23, 2025

May 16, 2025

May 9, 2025

May 2, 2025

April 25, 2025

April 18, 2025

April 11, 2025

April 4, 2025

March 28, 2025

March 21, 2025

March 14, 2025

March 7, 2025

February 28, 2025

February 21, 2025

February 14, 2025

February 7, 2025

January 31, 2025

January 24, 2025

January 17, 2025

January 10, 2025

January 3, 2025

Integrations improvements, Replit Teams updates, build notifications, and database polish.

December 27, 2024

Snow Mode, custom Assistant prompts, package installs, Agent updates, and platform improvements.

December 20, 2024

Assistant launch, improved Agent, usage updates, and more.

December 13, 2024

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

This guide will walk you through the steps to scrape HackerNews and send data to a given Slack channel of your choice.

Webscrape & Slack Notification Bot

This guide will walk you through the steps to set up a Slack bot that summarizes channels using GPT-4.

AI Slack Channel Summarizer

This guide will walk you through the steps to pull data from Google Sheets so you can process it or serve it as a web application.

Google Sheets Integration

This guide will help you set up a Discord bot in Python that tells jokes.

Vibe Coding & Prompting

Agent & Assistant

Security

MCP

Deployments

Start from a template

Data storage

Additional Resources

Create a Next.js app

What you’ll learn

Next.js

Server-Side Rendering

Autoscaling

Performance

Create your app

Next steps

Custom Domain

Autoscaling

Performance

Create a static blog

Build with AI

Vibe Coding & Prompting

Agent & Assistant

Security

MCP

Deployments

Start from a template

Data storage

Additional Resources

​What you’ll learn

Next.js

Server-Side Rendering

Autoscaling

Performance

​Create your app

​Next steps

Custom Domain

Autoscaling

Performance

​Related guides

Create a static blog

Build with AI

What you’ll learn

Create your app

Next steps

Related guides