GitHub Action · zero dependencies · MIT
Your contribution graph,
but alive.
One workflow file turns your last year of commits into an animated SVG for your profile README. It re-renders every night, in light and dark.
Playground
Make yours
Load your own graph, pick an effect, and the setup below updates to match.
label
Setup · about two minutes
Put it on your profile
Everything happens in your profile repository, <your-username>/<your-username>, the one whose README shows on your GitHub page.
-
Add the workflow
Create
Create this file on GitHub.github/workflows/contribution-fx.ymlwith this content. The twooutputslines follow your playground choices. -
Run it once
Open the Actions tab, choose contribution-fx and press Run workflow. It publishes the SVGs to an
Open the Actions taboutputbranch, then refreshes them every day at midnight UTC. -
Paste into README.md
The
Edit your README<picture>tag shows the dark version to visitors who use GitHub in dark mode.
Effects
Same year, five ways to move
Every effect is plain SVG and CSS animation, so it plays right inside your README with no JavaScript.
Made your profile move?
A star helps other people find contribution-fx, and tells us which effect to build next.
Star Sur1ive/contribution-fx