Animated Contribution Graph Components

Dev Design Library indexes 9 Animated contribution graph components from 7 open-source UI libraries, with the most coming from Spectrum UI, Amicro Micro Transitions, Rare UI, Sona UI and Arc Library. Each one links to its page with the source code, a live preview where available, the library license and the install command. These are the contribution graph components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. Contribution graph components belong to the Data display group.

• Activity Dither HeatmapAmicro Micro Transitions · ReactGitHub-style activity heatmap with interactive dither dots.
• GitHub ActivityRare UI · ReactA contribution heatmap with a footer panel that expands over the grid to rank your top repositories.
• Calendar HeatmapSpectrum UI · ReactA year of daily values as week columns — the contributions grid, with five quantised intensity steps, streak stats…
• Github CalendarComponentry · ReactGitHub-style contribution calendar heatmap.
• Activity GraphSona UI · ReactA keyboard-accessible calendar heatmap with normalized intensity levels and an interruptible shared focus surface.
• Activity heatmapArc Library · ReactSee a year of activity at a glance, one square per day.
• Github ActivitySpaceUI · ReactAn interactive GitHub ecosystem showcase featuring pure 52-week contribution heatmap matrix content with live fetch…
• Mono Activity HeatmapAmicro Micro Transitions · React
• GitHub Profile CardSpectrum UI · ReactA GitHub profile card with account stats, a contribution graph, and social links.

Libraries with Animated contribution graph components

• Spectrum UI
• Amicro Micro Transitions
• Rare UI
• Sona UI
• Arc Library

Related categories

• Contribution Graph Components
• Tailwind CSS Contribution Graph Components
• Animated Data Display Components
• Animated Card Components
• Animated Chart Components
• Animated Carousel Components
• Animated Accordion Components
• Animated Stat Components
• Animated Collapsible Components
• Animated Card Stack Components
• Animated Counter Components
• Animated List Components
• Animated Avatar Components
• Animated Table Components
• Animated Tree View Components
• Animated Avatar Group Components
• Animated Line Chart Components
• Animated Timeline Components