Replit App Embed
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.
Running and deploying
To interact with the Replit App, such as running the code and seeing its output, users must fork it. Forking creates a personal copy of the Replit App in their workspace, where they can run and edit the code. For a more integrated experience, you can deploy your Replit App and use an iframe to embed the deployed application from replit.app directly into your site.
How to embed a Replit App
To embed a public Replit App, append the ?embed=true query parameter to the Replit App’s URL. This modification converts the URL into an embeddable link. Below is an example demonstrating how to embed a Replit App using an iframe in HTML:
Replace YOUR Replit App LINK with the actual link to your Replit App, for example, https://replit.com/@user/repl-name.
Here’s an example of an embedded Replit App:
Customizing the theme
You can customize the appearance of the embedded Replit App by setting the theme. Add theme=light or theme=dark at the end of the URL to choose between a light or dark theme. For instance, to embed a Replit App with a light theme:
Example with a light theme: