DEV Community

Cover image for GitHub Profile README : Animated Dynamic Quote Generator
Shravan Kumar B
Shravan Kumar B

Posted on • Updated on


GitHub Profile README : Animated Dynamic Quote Generator

As everyone must be aware of the feature launched by GitHub around 6 months back called Github Profile README, where GitHub allows you to create a special profile for adding simple developer portfolio based on your creativity.

Alt Text

Inspired by @anuragharza

This article is about the release of v1.0 of the github-readme-quotes.

GitHub Dynamic Quote Generator

GitHub Dynamic Quote Generator simply allows you add an image link in the markdown ( and it will show you dynamic quote for every user visiting your GitHub account.

Example Post:

 Example Post


  • Quotes Layout
  • Quotes Design
  • Quotes Animation
  • Quotes Themes
  • Customization

Live Demo:

Default Theme:


Dark Theme:

There are more themes you can explore in the repo

Default Animated Dark Theme:


Socrates Layout:



Stack / Platform Used

Deployed Link :

GitHub Link :

GitHub logo shravan20 / github-readme-quotes

Dynamic quote generator for your GitHub readmes | Give a poetic touch to readmes


Dynamic quote generator for your GitHub readmes


alt PRs Welcome Open Source? Yes! GitHub contributors Pull Request Counts last commit deployment-status Build Status

Featuring on Dynamic GitHub Profile Readme Quotes - Everlasting Poetic Touch to GitHub Profiles for everyone | Product Hunt

Use User Interface, to view designed quotes and copy link and paste it directly


Sl No Feature Name Description
1 Dynamic Quotes Different quotes every time its rendered for GitHub Profile Readme
2 Colorful Themes Various colorful themes available for cards
3 Design Layouts Different Layout design cards are available
4 Animation Animations available for quote cards
5 Custom Quotes from GitHub Gists You can add custom quotes of your own or own choice from GitHub Gists json files
6 Quotes based on Category Different category based quotes are available

Note: To read an article on this project, please refer GitHub Profile README : Animated Dynamic Quote Generator

Github Readme Quotes

Copy and paste the following markdown content to display the quote.

Enter fullscreen mode Exit fullscreen mode

  • Themes

You can display your quote in different themes without any…

Check out the docs to learn more

We hope you guys liked the project. And make
sure to give it a star on GitHub.

Featured on Twitter:

Top comments (5)

whyshali profile image

Good one

redhcp profile image

my README profile example :)

httvhutceoscop profile image
Viet NT

Hi. It's nice article.
I followed it and made my file.

My Profile

Any feedback?

rajarshicode profile image
Rajarshi Das


clevercoderjoy profile image

hey this app stoopped working
plz check on it