For the complete documentation index, see llms.txt. Markdown variants are available by appending .md to any URL or sending an Accept: text/markdown header. An agent skill is available at /.well-known/agent-skills/site-skill.md.
125
Sponsor

Grid

A framed, technical Open Graph image with a dashed border grid and a corner brand mark.

Customize

Installation

$ pnpm dlx shadcn@latest add @ogimagecn/grid

Usage

import { ImageResponse } from "next/og";
 
import { Grid } from "@/components/og/grid";
 
export function GET() {
  return new ImageResponse(
    <Grid
      title="Build your own OG images"
      description="Composable components powered by Satori and the next/og runtime."
      brand="ogimagecn"
    />,
    {
      width: 1200,
      height: 630,
    }
  );
}

API Reference

Grid

PropType
titlestring
descriptionstring
brandstring
logostring