Introducing shieldcn — README badges, shadcn style.

Check it out

Contributor Grid

GitHub contributor display with avatar grid and detailed list layouts. Async server component with ISR caching.

tooltipradix-ui
Loading...

Installation

$ shadcn add @jalco/contributor-grid

Usage

import { ContributorGrid, ContributorList } from "@/components/contributor-grid"
<ContributorGrid owner="vercel" repo="next.js" />

Async server component — fetches contributors from the GitHub API at build time. Cached for 1 hour via ISR. Optional GITHUB_TOKEN raises the rate limit.

Examples

Avatar grid

Overlapping avatar circles with tooltip names and contribution counts.

Loading...

API Reference

ContributorGrid

PropType

ContributorList

PropType

Notes

  • Async server component. No client JS for the grid. List layout uses Radix Tooltip.
  • ISR caching. Contributor data cached for 1 hour. No API key required.
  • Pre-fetched data. Pass the contributors prop to skip the API call.