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.
63
Sponsor

Shiori

A clean, minimal Open Graph image with a light cream background, a circular logo, and a bold brand beside a muted title.

Customize

Installation

$ pnpm dlx shadcn@latest add @ogimagecn/shiori

Usage

import { ImageResponse } from "next/og";
 
import { Shiori } from "@/components/og/shiori";
 
export function GET() {
  return new ImageResponse(
    <Shiori
      title="A beautifully simple read-it-later app"
      background="#faf6f1"
      titleColor="#8b7e74"
      logo="https://www.shiori.sh/logo.png"
      brand="Shiori"
      brandColor="#1a1a1a"
    />,
    { width: 1200, height: 630 }
  );
}

API Reference

Shiori

PropType
titlestring
backgroundstring
titleColorstring
logostring
brandstring
brandColorstring