RenderCard

A free, URL-based OG image generator built with Next.js Edge Runtime.

Need help or want to request a feature? Visit Support.

API Usage

RenderCard generates Open Graph / social preview images dynamically using URL query parameters. You can embed the generated image anywhere an image URL is supported (OG tags, Twitter cards, Slack previews, etc.).

Base Endpoint

https://rendercard.vercel.app/api/rendercard

All customization is done via query parameters.

Minimal Example

https://rendercard.vercel.app/api/rendercard?title=Hello+World

Only the title is required. Everything else uses sensible defaults.

Query Parameters

  • title (required) - Main headline text. URL-encoded.
  • description (optional) - Supporting text or subtitle
  • theme (optional, default: minimal)
    Available themes:
    • minimal - Clean default layout
    • centered - Centered headline layout
    • split - Split content layout
    • spotlight - Highlighted hero-style layout
    • bordered - Framed card with border
    • gradient - Gradient background
    • glass - Glassmorphism effect
    • dark - Dark background
    • mono - Minimal, typography-focused
    • code - Code-style layout
  • accent (optional) - Accent color used for visual highlights.
    Must be a 6-digit hex color, URL-encoded.
    Example: %236366f1 (for #6366f1)
  • date (optional) - Publish date. Accepts either:
    • YYYY-MM-DD (ISO format)
    • Unix timestamp (milliseconds)

Invalid or unknown parameters are safely ignored. Unknown themes fall back to minimal.

Common Use Cases

#6366f1

Theme

Preview