# GitHub Info Cards

<figure><img src="/files/1n0kzYozqVtBWtYNyEdI" alt=""><figcaption><p>Demo of GitHub Info Cards</p></figcaption></figure>

The GitHub integration for WP Plugin Info Cards allows you to share practically any public GitHub repo.

{% hint style="danger" %}
A GitHub Personal Access Token is Required.

To avoid rate limit issues, a GitHub personal access token is required. I've written an article on [how to retrieve a non-expiring GitHub personal access token](https://dlxplugins.com/how-tos/how-to-create-a-non-expiring-github-personal-access-token/).
{% endhint %}

A GitHub Info Card can be added via the [block editor](/wp-plugin-info-card/blocks/the-github-info-cards-block.md) or [shortcode](/wp-plugin-info-card/shortcodes/github-info-card.md).

{% content-ref url="/pages/0UxEgRzhbmJDHPSrZ6J0" %}
[Enabling GitHub Info Cards](/wp-plugin-info-card/overview/github-info-cards/enabling-github-info-cards.md)
{% endcontent-ref %}

### Layouts

The cards can be displayed in a Large or Card layout.

It features:

* A top bar with language, license, and quick links.
* An author bar with avatar, repo name, and author.
* A stats bar with quick links to stars, forks, watchers, and current release.
* A description.
* A last updated bar and call-to-action.

#### Large Layout

<figure><img src="/files/hclNPkabn1oN0wgxdg9n" alt=""><figcaption><p>Large Layout Showing the VS Code GitHub Repo</p></figcaption></figure>

The large layout is horizontally aligned and features a prominent call-to-action.

#### Card Layout

<figure><img src="/files/dcqcoO6odPQl03xfP66w" alt=""><figcaption><p>Card Layout Showing the VS Code GitHub Repo</p></figcaption></figure>

The card layout is center-aligned and features a prominent stats bar and call-to-action.

### Themes

Here are the various themes for the GitHub Info Cards.

#### GitHub Light

<figure><img src="/files/MExdXOrlALIwwkTIi2fU" alt=""><figcaption></figcaption></figure>

#### GitHub Dark

<figure><img src="/files/jvjkpBxHenMJtxMrEfJU" alt=""><figcaption></figcaption></figure>

#### GitHub Colorful

<figure><img src="/files/2W79RljIJGCFPNn3alkc" alt=""><figcaption></figcaption></figure>

#### GitHub B\&W

<figure><img src="/files/fojehB8xkhcRNBpCxUlJ" alt=""><figcaption></figcaption></figure>

#### GitHub Custom

You can choose from several custom colors to make the GitHub card your own.

<figure><img src="/files/j0glbpf2Gi7Cs50KMLXk" alt=""><figcaption><p>GitHub Card With Custom Colors</p></figcaption></figure>

{% content-ref url="/pages/0UxEgRzhbmJDHPSrZ6J0" %}
[Enabling GitHub Info Cards](/wp-plugin-info-card/overview/github-info-cards/enabling-github-info-cards.md)
{% endcontent-ref %}

{% content-ref url="/pages/DEm4LxPtStPxfFlCElUe" %}
[github-info-card](/wp-plugin-info-card/shortcodes/github-info-card.md)
{% endcontent-ref %}

{% content-ref url="/pages/LmfKWnhorwYJ3MkzKyaC" %}
[The GitHub Info Cards Block](/wp-plugin-info-card/blocks/the-github-info-cards-block.md)
{% endcontent-ref %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.dlxplugins.com/wp-plugin-info-card/overview/github-info-cards.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.