Display GitHub profiles and repositories with the Vue GitHub component


vue-github-profile is a plugin that essentially given a user, displays their basic information along with the repositories in the given profile. The list is preformated with styles, although you can specify the width via props on the component.

Take a look at the example below.


To start working with the vue-github-profile use the following command to install it.

$ yarn add vue-github-profile

Used as a local component

//In a component
import GithubProfile from 'vue-github-profile'

export default {
  name: 'app',
  data () {
    return {
  components: {

and in your templates

<GithubProfile width="300px" user="vuejs"></GithubProfile>

If you would like to display it differently you could apply styles directly on the component using classes or better yet modify the GithubProfile.vue file to fit with your enviroment.

If you are interested for more or you have any bugs and suggestions, click here. That's it!