Playground API Logo
Playground API
v1.0
Sandbox Active
๐Ÿ“š Dev Portal ๐Ÿฅ Health

Media Resource Documentation

Built-in dynamic SVG avatar and landscape thumbnail placeholder image generator helper endpoints (/public/avatars/:seed.svg and /public/thumbnails/:seed.svg) for frontends and prototypes.

GET /public/avatars/:seed.svg

Request Parameters
Name Type Required Location Description
seed String (Required) Optional
size Integer (Query) Optional
rounded Boolean (Query) Optional
curl -X
  GET 'http://playground-api-xi.vercel.app/public/avatars/:seed.svg' \
 -H 'Content-Type: application/json' \
 -b "pg_identity=your_cookie_uuid" 

Response Schema Example

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
  <defs>
    <linearGradient id="grad-12345" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#059669" />
      <stop offset="100%" stop-color="#0d9488" />
    </linearGradient>
  </defs>
  <rect width="128" height="128" rx="64" fill="url(#grad-12345)" />
  <text x="50%" y="54%" font-family="Inter, sans-serif" font-size="54" font-weight="700" fill="#ffffff" text-anchor="middle" dominant-baseline="middle">BR</text>
</svg>
โšก Try it out โ€” Test endpoint live Test now
GET /public/thumbnails/:seed.svg

Request Parameters
Name Type Required Location Description
seed String (Required) Optional
width Integer (Query) Optional
height Integer (Query) Optional
text String (Query) Optional
curl -X
  GET 'http://playground-api-xi.vercel.app/public/thumbnails/:seed.svg' \
 -H 'Content-Type: application/json' \
 -b "pg_identity=your_cookie_uuid" 

Response Schema Example

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 400" width="600" height="400">
  <defs>
    <linearGradient id="thumb-grad-54321" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#4f46e5" />
      <stop offset="100%" stop-color="#7c3aed" />
    </linearGradient>
  </defs>
  <rect width="600" height="400" fill="url(#thumb-grad-54321)" />
  <text x="50%" y="46%" font-family="Inter, sans-serif" font-size="33" font-weight="700" fill="#ffffff" text-anchor="middle" dominant-baseline="middle">Post #1</text>
</svg>
โšก Try it out โ€” Test endpoint live Test now