Installation
$ pnpm dlx shadcn@latest add @ogimagecn/shadcn-registry-4
Usage
import { ImageResponse } from "next/og";
import { ShadcnRegistry4 } from "@/components/og/shadcn-registry-4";
export function GET() {
return new ImageResponse(
<ShadcnRegistry4
name="Animate UI"
title="Discover animated primitives, components, and icons for building expressive, modern UIs"
url="animate-ui.com"
/>,
{
width: 1200,
height: 630,
}
);
}API Reference
ShadcnRegistry4
| Prop | Type |
|---|---|
name | string |
title | string |
url | string |
logo | string |
accent | string |