DEV Community

Cover image for Vue.js + GitHub + Tailwind Css
Davide Santangelo
Davide Santangelo

Posted on


Vue.js + GitHub + Tailwind Css

I implemented this small application that generates a card with Tailwind CSS based on data from the GitHub REST API V3 using the Vue.js framework.

GitHub logo davidesantangelo / github-vue-card

Vue.js + GitHub REST API + Tailwind CSS

Netlify Status


My first application using vue.js. Use the GitHub REST API to get my user information and render it in a stylized view with Tailwind CSS.


Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Built With

  • Vue.js — Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
  • GitHub API — Official GitHub REST API v3.
  • Tailwind CSS — A utility-first CSS framework for rapid UI development.


GitHub-Vue-Card is released under the MIT License.


  1. Fork it ( )
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create a new Pull Request

deployed on netlify at

Top comments (0)

Join us at DEV
Yes, this is technically an “ad”, but really we just want to ask if you want to join DEV. We have 900k+ developers reading, posting, and enjoying community, and would love to have you.   Create an account and continue your coding journey.