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!