Add a Replit Badge to your app
Add, customize, and embed a Replit Badge in your Replit App to showcase your project and link back to your cover page.
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.
-
Locate your index.html file
Go to your Replit App’s file browser and findindex.html
-
Add the badge script
Add the following code before the closing</body>
tag:
Testing your badge
-
Run your app
Run your Replit App, then select Open in a new tab -
View the badge
Your Badge should appear in the lower right corner. This is what visitors to your page will see. -
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!