Skip to content
grid

GitHub Action

contribution-to-3d-grass

v1.0.0 Latest version

contribution-to-3d-grass

grid

contribution-to-3d-grass

Generate 3d grass image from github contributions grid

Installation

Copy and paste the following snippet into your .yml file.

 
              
- name: contribution-to-3d-grass

              
  uses: nrysk/cgrass@v1.0.0
Learn more about this action in nrysk/cgrass

Choose a version

English | 日本語

CGrass

If you like this project, please give it a star ⭐️

CGrass

CGrass is a GitHub contribution image generator that can integrate with GitHub Actions. It allows you to generate a 3D image of your GitHub contributions and set it in your profile README.

Getting Started

GitHub Actions

Copy the following code to your .github/workflows/cgrass.yml file in your profile repository.

name: Generate Picture and Push to output branch

on:
    push:
        branches:
            - main
    schedule:
        - cron: '0 0 * * *' # any time you want
    
permissions:
    contents: write

jobs:
    generate:
        runs-on: ubuntu-24.04

        steps:
          - name: Checkout
            uses: actions/checkout@v4

          - name: Generate Picture
            uses: nrysk/cgrass@v1.0.0
            with:
                github_username: ${{ github.repository_owner }}
                github_token: ${{ secrets.GITHUB_TOKEN }}
                output_path: output/output.png
                command: "theme"
                argument: "github"

          - name: Push output image to output branch
            uses: crazy-max/ghaction-github-pages@v4
            with:
                target_branch: output
                build_dir: output
                commit_message: "Generate Output Image"
            env:
                GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

You can use the following code to display the generated image. Replace <username> with your GitHub username.

![Contribution to Grass](https://raw.githubusercontent.com/<username>/<username>/refs/heads/output/output.png)

Themes

☘️ github theme

github theme

command: "theme"
argument: "github" # change here

☘️ github-nograss theme

github-nograss theme

command: "theme"
argument: "github-nograss" # change here

🪐 planet theme

planet theme

command: "theme"
argument: "planet" # change here

🪐 planet-nograss theme

planet-nograss theme

command: "theme"
argument: "planet-nograss" # change here

Make your own theme

1. Create a new configuration file

Create a new configuration file in your repository. For example, create a file named mytheme.toml in the root of your repository.

Configuration file example: mytheme.toml

2. Link the configuration file

Link the configuration file in your workflow file by changing the command and argument values in the following code.

  - name: Generate Picture
    uses: nrysk/cgrass@v1.0.0
    with:
        github_username: ${{ github.repository_owner }}
        github_token: ${{ secrets.GITHUB_TOKEN }}
        output_path: output/output.png
        command: "themefile" # change here
        argument: ${{ github.workspace }}/mytheme.toml # change here

3. Now you can change the configuration file as you like

  • The color of the ground and grass can be specified in RGBA.
  • The color of the sun can be specified in RGB.

4. I am looking forward to your theme!

If you have any idea, please share them