Add a Replit Badge to your app

The Replit Badge allows you to showcase that your app was built on Replit. When added to your Replit App, it links back to your App’s cover page so visitors can learn more about your creations.

​

Features

The Replit Badge enhances your app with official Replit branding while providing easy navigation back to your project.

• Simple integration: Add the badge to any app with a single line of code
• Customizable appearance: Choose from multiple themes and positions
• Flexible implementation: Use the script tag or custom HTML/CSS options
• Markdown support: Embed badges in your GitHub repository and other Markdown files

​

Usage

​

Adding the badge

You can add a Badge to any Replit App with an index page. Websites created with the official HTML template have this Badge added by default.

1. Locate your index.html file
   Go to your Replit App’s file browser and find index.html

2. Add the badge script
   Add the following code before the closing </body> tag:

   <script
     src="https://replit.com/public/js/replit-badge-v2.js"
     theme="dark"
     position="bottom-right"
   ></script>
   

​

Testing your badge

1. Run your app
   Run your Replit App, then select Open in a new tab

2. View the badge
   Your Badge should appear in the lower right corner. This is what visitors to your page will see.

3. Test the link
   Select your Badge to verify it links back to the Replit App’s cover page

​

Customizing your badge

​

Advanced options

We’d love to hear what you think about this feature. Share your feedback in the Community!