Installation
$ pnpm dlx shadcn@latest add @ogimagecn/shadcn-registry-2
Usage
import { ImageResponse } from "next/og";
import { ShadcnRegistry2 } from "@/components/og/shadcn-registry-2";
export function GET() {
return new ImageResponse(
<ShadcnRegistry2
name="PaceKit"
category="GSAP"
title="Animated components crafted for smooth interaction"
items={["Reusable", "Scalable", "Composable"]}
/>,
{
width: 1200,
height: 630,
}
);
}API Reference
ShadcnRegistry2
| Prop | Type |
|---|---|
name | string |
category | string |
title | string |
items | string[] |
logo | string |
accent | string |