Github Repo Card Demo 2
nyxui/github-repo-card-demo2FreeExample
Example showing a GitHub repo card.
Live preview
live · rendered by the registry
Rendered by shadcn/ui on their own page — this is the component running, not a screenshot of it.Install it
npx shadcn@latest add https://nyxui.com/r/github-repo-card-demo2.jsonSource
1import React from "react";2import { GitHubRepoCard } from "../ui/github-repo-card";34export default function GithubRepoCardDemo2() {5 return (6 <div className="w-full max-w-md mx-auto relative">7 <GitHubRepoCard8 theme="modern-dark"9 repo={{10 name: "tailwindcss",11 description:12 "A utility-first CSS framework for rapid UI development.",13 owner: "tailwindlabs",14 ownerAvatar: "https://avatars.githubusercontent.com/u/115471?v=4",15 stars: 68000,16 forks: 3500,17 watchers: 1800,18 issues: 95,19 language: "JavaScript",20 updatedAt: "2025-04-02T08:15:43Z",21 topics: ["css", "framework", "design", "frontend"],22 activityData: [23 0.5, 0.6, 0.4, 0.5, 0.7, 0.8, 0.9, 1.0, 0.8, 0.6, 0.7, 0.8,24 ],25 isPrivate: false,26 }}27 />28 </div>29 );30}
What it pulls in
Other registry items
Files it writes
More from shadcn/ui
All 68 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| 3D Layered Card Demo3d-layered-card-demo | shadcn/ui | Examples | Free | no deps | |
| Animated Code Block Demoanimated-code-block-demo | shadcn/ui | Examples | Free | no deps | |
| Animated Grainy Background Demoanimated-grainy-bg-demo | shadcn/ui | Examples | Free | no deps | |
| Animated Text Demoanimated-text-demo | shadcn/ui | Examples | Free | no deps | |
| Apple Glass Effect Demoapple-glass-effect-demo | shadcn/ui | Examples | Free | no deps | |
| Bubble Background Demobubble-background-demo | shadcn/ui | Examples | Free | no deps | |
| Custom Cursor Democustom-cursor-demo | shadcn/ui | Examples | Free | no deps | |
| Cyberpunk Card Democyberpunk-card-demo | shadcn/ui | Examples | Free | no deps |
