Repo Card

GitHub repository preview card with description, language dot, star and fork counts, license, and topic tags.

class-variance-authority

A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.

base-uicomponentslaravelnextjs+7

TypeScript113.0k8.6kMITyesterday

vercel/next.js

The React Framework

blogbrowsercompilercomponents+10

JavaScript139.2k31.0kMITtoday

Installation

$ shadcn add @jalco/repo-card

Usage

import { RepoCard } from "@/components/repo-card"

<RepoCard owner="shadcn-ui" repo="ui" />

Async server component — fetches the GitHub API at build time and caches the result for 1 hour via Next.js ISR. Optional GITHUB_TOKEN env var raises the rate limit.

Examples

Grid layout

vercel/next.js

The React Framework

blogbrowsercompilercomponents+10

JavaScript139.2k31.0kMITtoday

facebook/react

The library for web and native user interfaces.

declarativefrontendjavascriptlibrary+2

JavaScript244.7k51.0kMITyesterday

tailwindlabs/tailwindcss

A utility-first CSS framework for rapid UI development.

csscss-frameworkfunctional-csspostcss+3

TypeScript94.8k5.2kMITtoday

shadcn-ui/ui

A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.

base-uicomponentslaravelnextjs+7

TypeScript113.0k8.6kMITyesterday

API Reference

RepoCard

PropType

Notes

ISR caching. Repository data cached for 1 hour. No API key required.
Pre-fetched data. Pass the data prop to skip the API call.
Language colors. 30+ language colors built in. Unknown languages use gray.
Status badges. Archived repos show an amber badge. Forks show a fork badge.