Home

Awesome

<p align="center"> <img align="center" width="100" src="assets/logo.png" /> <h1 align="center">Github Readme Quotes</h1> <h3 align="center">Developer Quotes for your Github Readme.</h3> </p> <!-- Badges --> <p align="center"> <a href="https://github.com/PiyushSuthar/github-readme-quotes/issues"> <img src="https://img.shields.io/github/issues/PiyushSuthar/github-readme-quotes?style=flat-square"> </a> <a href="https://github.com/PiyushSuthar/github-readme-quotes/pulls"> <img src="https://img.shields.io/github/issues-pr/PiyushSuthar/github-readme-quotes?style=flat-square"> </a> <a href="https://twitter.com/piyushsthr" target="_blank"> <img alt="Twitter: piyushsthr" src="https://img.shields.io/twitter/follow/piyushsthr.svg?style=social" /> </a> </p> <!-- Links --> <p align="center"> <a href="https://quotes-github-readme.vercel.app/api" target="_blank">View Demo</a> <span> ยท </span> <a href="https://github.com/piyushsuthar/github-readme-quotes/issues" target="_blank">Report Bug</a> </p>

Features โœจ

Usage โšก๏ธ

Copy the markdown below and paste it in your Github Readme.

[![Readme Quotes](https://quotes-github-readme.vercel.app/api?type=horizontal&theme=dark)](https://github.com/piyushsuthar/github-readme-quotes)

Options

OptionsDefaultAvailable
typeverticalhorizontal, vertical
themelightdark, chartreuse-dark, radical, merko, gruvbox, tokyonight, algolia, monokai, dracula, nord
quote-Customize your quote
author-The name of the quote's author
borderfalsetrue, false

Installation and Development ๐Ÿš€

To get started with developing this app locally, here are the steps:

Install the dependencies for the app using,

pnpm install

And then run the app using:

npx vercel dev

Usage

Vertical

You don't need to add ?type=vertical parameter.

readme Quotes

Horizontal

You need to add ?type=horizontal parameter.

readme Quotes

Border

You need to add ?border=true parameter.

readme Quotes

Light

You don't need to add ?theme=light parameter.

readme Quotes

Dark

You need to add ?theme=dark parameter.

readme Quotes

Catppuccin

Variants:

You need to add ?theme=catppuccin_<variant> parameter. The current example is the Mocha variant, to use it add ?theme=catppuccin_mocha.

readme Quotes

Algolia

You need to add ?theme=algolia parameter.

readme Quotes

Monokai

You need to add ?theme=monokai parameter.

readme Quotes

Dracula

You need to add ?theme=dracula parameter.

readme Quotes

Nord

You need to add ?theme=nord parameter.

readme Quotes

Custom

You need to add ?quote=Your Quote parameter. URL encode your quote.

readme Quotes

Contributing ๐Ÿค

Contributions, issues and feature requests are welcome!

Feel free to check issues page.

Special Thanks โค

Show your support ๐ŸŒˆ

Be sure to drop a ๐ŸŒŸ if you like the project!

Author ๐Ÿค—

๐Ÿ‘ค Piyush Suthar

<div align="center">Made by Piyush with โค and TypeScript</div>