Showcase
A product-showcase Open Graph image with a centered headline above a faux browser window and a minimal dashboard UI.
Run your business smarter
The dashboard that brings every metric into one calm view.
app.ogimagecn.dev
Revenue
$346,723
Installation
$ pnpm dlx shadcn@latest add https://ogimagecn.vercel.app/r/showcase.json
Usage
import { ImageResponse } from "next/og";
import { Showcase } from "@/components/og/showcase";
export function GET() {
return new ImageResponse(
<Showcase
title="Run your business smarter"
subtitle="Every metric in one calm view."
url="app.acme.com"
/>,
{ width: 1200, height: 630 }
);
}API Reference
Showcase
| Prop | Type | Default |
|---|---|---|
title | string | - |
subtitle | string | - |
url | string | - |
accent | string | - |