Adding a Remix on Glitch button to your GitHub project
Tags: glitch, git, github, discord
Published: 2020-02-05 17:57:10

---
title: Adding a Remix on Glitch button to your GitHub project
published: true
description: Click to get your GitHub project running on Glitch!
tags: glitch, git, github, discord
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/l5lgpdgrq8wlbrkx9ycb.png
---

Seen those cool buttons that allow your GitHub project to run on [Glitch](http://glitch.com?utm_medium=weblink&utm_source=dev.to&utm_campaign=blog&utm_content=dev)? They let people [remix](https://glitch.com/help/remix/?utm_medium=weblink&utm_source=dev.to&utm_campaign=blog&utm_content=dev) your project as a Glitch application and work with it immediately. Making your own projects available on Glitch is super simple. To help, Glitch provides an [app you can use to create your own Remix on Glitch button](https://glitch.com/~github-import?utm_medium=weblink&utm_source=dev.to&utm_campaign=blog&utm_content=dev).

[![Remix on Glitch](https://cdn.glitch.com/2703baf2-b643-4da7-ab91-7ee2a2d00b5b%2Fremix-button.svg)](https://glitch.com/edit/#!/import/github/glitchdotcom/starter-discord)

Let's create a button for [Glitch's Discord bot starter kit](https://glitch.com/culture/discord-bot-starter-making-your-first-bot-easy/?utm_medium=weblink&utm_source=dev.to&utm_campaign=blog&utm_content=dev). We open up the [Remix on Glitch button app](https://github-import.glitch.me/).

{% glitch github-import app %} 

To get our button we need to populate the fields for the GitHub user or organization name and the name of the repository for which you want to create a button. 

![Populating the GitHub details](https://dev-to-uploads.s3.amazonaws.com/i/mdgna7u4l22qv96qr8nk.png)

We then click the Generate button and the app will create Markdown and HTML code for a button:

`[![Remix on Glitch](https://cdn.glitch.com/2703baf2-b643-4da7-ab91-7ee2a2d00b5b%2Fremix-button.svg)](https://glitch.com/edit/#!/import/github/glitchdotcom/starter-discord)`

We can now take this code and add it to our GitHub repo. In our case, we're going to edit the `readme.md` file in the [`starter-discord`](https://github.com/glitchdotcom/starter-discord) project.

To do this we go to the GitHub project and scroll down to the readme text below the list of files. We then click on the edit button (it looks like a pencil!) and add our Markdown button code.

![Adding the Markdown button code](https://dev-to-uploads.s3.amazonaws.com/i/epo3ml3kb2jyn6i1jkjy.png)

We scroll down to the bottom of the page, add a commit message, and commit our new code.

![Committing our button code](https://dev-to-uploads.s3.amazonaws.com/i/h7298yngz4na5icv1s8o.png)

And now we can see the button in our project's readme file.

![Our new Remix button](https://dev-to-uploads.s3.amazonaws.com/i/irowfo4tfpr699y1raeo.png)

Now, if we click on the button, we'll get a brand-new Glitch app running the Discord starter kit which you can use to create your own Discord bot, or whatever project you add the button to!

P.S. There's also other cool things you can do, like populating environment variables in your `.env` file automatically, using this app. You can read about those in the app's documentation.