Visit endpoint url for all available cards and available options for each card
Endpoint URL: https://afraid-ninnetta-github-cards.koyeb.app
Embed one of these in your README:
<!-- Markdown -->

<!-- HTML -->
<img src="https://afraid-ninnetta-github-cards.koyeb.app/any_card_name" alt="Card" />
- light
- dark
- dark_2
- rgb
- lemonade
- pattern_1
- pattern_2
- pattern_3
- random - Any random theme will we applied
- custom - You can set your custom arguments
args: {
card_color: "Card color. Default: #ffffff [Optional]",
font_color: "Card text color. Default: #000000 [Optional]",
bg_color: "Card Background color. Default: #fff [Optional]",
shadow: "Card shadow. Default: false [Optional]",
shadow_color: "Card shadow color. Default: #000000 [Optional]",
},
https://afraid-ninnetta-github-cards.koyeb.app/
- Fork this repository.
- Add your card in
src/cards
directory, you can take the refrence from already added cards. - Add any data file inside data directory that your card will use. (Languages Support: Hindi & English)
- Add route of your card in
index.js
file. - Add your card api refrence inside in
src/help.js
file and also in README.md file. - Create pull request.
- Data file must have around 100 entries minimum.
- You can create cards in HTML and CSS too! Check out the
src/cards/motivational-quote.js
file to see how you can generate cards with your own unique styles. This project uses Satori to generate cards via HTML, so please refer to the official Satori documentation for the supported CSS properties.
- Fork this repository.
- If you want to add gradient background then add your gradient code in
src/gradients.js
file.Take refrence from already added gradients.
- Add your theme name in the
src/themes.js
file.Theme name should be unique and should be in the second last position of the array.
- Create your theme in
src/themes.js
file.Take refrence from already added themes.
- Add your theme api refrence inside in
src/help.js
file and also inREADME.md
file.