RenderCard

A free, URL-based Open Graph image generator built on Next.js Edge Runtime.

Questions or feature requests? Visit Support.

API Usage

RenderCard generates preview images dynamically from URL query parameters. Embed the result anywhere an image URL is accepted — OG tags, Twitter cards, Slack, Discord, 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 title is required. Everything else has sensible defaults.

Query Parameters

ParameterRequiredDescription
titlerequiredMain headline text. URL-encoded.
descriptionoptionalSupporting text or subtitle.
siteoptionalSitename or address displayed on the card.
  • example.com
  • https://example.com/blog
dateoptionalPublish date. Accepts ISO format or Unix timestamp (ms).
  • 2026-02-04
  • 1738627200000
accentoptional6-digit hex accent color, URL-encoded.
  • %236366f1 (→ #6366f1)
themeoptionalVisual theme for the card. Defaults to "minimal". Unknown values fall back to minimal.

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

Available themes

minimalClean default layout
centeredCentered headline layout
splitSplit content layout
spotlightHighlighted hero-style layout
borderedFramed card with border
gradientGradient background
glassGlassmorphism effect
darkDark background
monoMinimal, typography-focused
codeCode-style layout

Graphical

artisticFeatured art layout
cartoonComic book style
neon80s Synthwave aesthetic
topoTopographic map lines
memphis90s Pop Art shapes

Common Use Cases

  1. Blog article preview

    Title, description, theme, and publish date.

    https://rendercard.vercel.app/api/rendercard?title=My+Blog+Post&description=Thoughts+on+systems&theme=minimal&date=2026-02-03

  2. Technical / documentation post

    Monospace theme with a neutral accent.

    https://rendercard.vercel.app/api/rendercard?title=WebSocket+Protocol&theme=mono&accent=%23000000&date=2026-01-15

  3. Landing page or announcement

    No date, vibrant accent, spotlight layout.

    https://rendercard.vercel.app/api/rendercard?title=RenderCard+Launch&theme=spotlight&accent=%23ec4899

  4. Dark social preview

    Only title and theme — minimalist.

    https://rendercard.vercel.app/api/rendercard?title=New+Release&theme=dark

Live Preview

Adjust the parameters below to preview and copy your card URL.

#6366f1

Theme

Preview