GitHub Contribution
Calendar for Your
Portfolio

Tailor your GitHub streak with beautiful themes, copy React code instantly, and showcase your activity on any portfolio site.

Block radius

NoneMaximum
0%

Show range

Block shape

Header label

Total count label

Theme colors

Themes

Code
import { GitHubCalendar } from 'react-github-calendar';
import { useState } from 'react';
  
  export default function GitHubCalendarWidget() {
  const [tip, setTip] = useState(null);
View full code