Event Ticket
marketingtailwindpng

Event Ticket

Digital event ticket with seat info. Pair with a QR library for scannable entry tickets.

Request body
{
  "type": "tailwind",
  "content": "<div class=\"flex h-full w-full flex-col bg-zinc-900 p-5\">\n  <div class=\"flex flex-col rounded-2xl border border-zinc-700 bg-zinc-800\">\n    <div class=\"flex items-center justify-between p-8\">\n      <div class=\"flex flex-col\">\n        <span class=\"font-mono text-xs text-emerald-400\">LIVE EVENT · GENERAL ADMISSION</span>\n        <span class=\"mt-3 text-4xl font-bold text-white\">ECHOES OF MIDNIGHT</span>\n        <span class=\"mt-1 text-sm text-zinc-400\">World Tour 2026 — Meridian Arena</span>\n        <div class=\"mt-5 flex items-center\">\n          <div class=\"flex flex-col\">\n            <span class=\"text-xs text-zinc-500\">DATE</span>\n            <span class=\"mt-1 text-sm font-semibold text-white\">July 19, 2026</span>\n          </div>\n          <div class=\"ml-8 flex flex-col\">\n            <span class=\"text-xs text-zinc-500\">DOORS</span>\n            <span class=\"mt-1 text-sm font-semibold text-white\">7:00 PM</span>\n          </div>\n          <div class=\"ml-8 flex flex-col\">\n            <span class=\"text-xs text-zinc-500\">SEAT</span>\n            <span class=\"mt-1 text-sm font-semibold text-white\">Floor · Row A · 12</span>\n          </div>\n        </div>\n      </div>\n      <div class=\"flex flex-col items-center\">\n        <div class=\"flex h-24 w-24 items-center justify-center rounded-xl bg-white\">\n          <span class=\"font-mono text-xs text-zinc-400\">[ QR ]</span>\n        </div>\n        <span class=\"mt-2 font-mono text-xs text-zinc-500\">#ECH-2026-A12</span>\n      </div>\n    </div>\n    <div class=\"flex items-center justify-between px-8 py-4\" style=\"border-top:1px solid #3f3f46;margin:0 32px;\">\n      <div class=\"flex flex-col\">\n        <span class=\"text-xs text-zinc-500\">TICKET HOLDER</span>\n        <span class=\"mt-1 text-base font-bold text-white\">Jordan Mills</span>\n      </div>\n      <span class=\"font-mono text-xs text-zinc-600\">Non-transferable · Scan at entry</span>\n    </div>\n  </div>\n</div>",
  "options": {
    "format": "png",
    "dimensions": {
      "width": 900,
      "height": 400
    },
    "scale": 2
  }
}

Code example

curl -X POST https://renderfy.io/api/v1/render \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
  "type": "tailwind",
  "content": "<div class=\"flex h-full w-full flex-col bg-zinc-900 p-5\">\n  <div class=\"flex flex-col rounded-2xl border border-zinc-700 bg-zinc-800\">\n    <div class=\"flex items-center justify-between p-8\">\n      <div class=\"flex flex-col\">\n        <span class=\"font-mono text-xs text-emerald-400\">LIVE EVENT · GENERAL ADMISSION</span>\n        <span class=\"mt-3 text-4xl font-bold text-white\">ECHOES OF MIDNIGHT</span>\n        <span class=\"mt-1 text-sm text-zinc-400\">World Tour 2026 — Meridian Arena</span>\n        <div class=\"mt-5 flex items-center\">\n          <div class=\"flex flex-col\">\n            <span class=\"text-xs text-zinc-500\">DATE</span>\n            <span class=\"mt-1 text-sm font-semibold text-white\">July 19, 2026</span>\n          </div>\n          <div class=\"ml-8 flex flex-col\">\n            <span class=\"text-xs text-zinc-500\">DOORS</span>\n            <span class=\"mt-1 text-sm font-semibold text-white\">7:00 PM</span>\n          </div>\n          <div class=\"ml-8 flex flex-col\">\n            <span class=\"text-xs text-zinc-500\">SEAT</span>\n            <span class=\"mt-1 text-sm font-semibold text-white\">Floor · Row A · 12</span>\n          </div>\n        </div>\n      </div>\n      <div class=\"flex flex-col items-center\">\n        <div class=\"flex h-24 w-24 items-center justify-center rounded-xl bg-white\">\n          <span class=\"font-mono text-xs text-zinc-400\">[ QR ]</span>\n        </div>\n        <span class=\"mt-2 font-mono text-xs text-zinc-500\">#ECH-2026-A12</span>\n      </div>\n    </div>\n    <div class=\"flex items-center justify-between px-8 py-4\" style=\"border-top:1px solid #3f3f46;margin:0 32px;\">\n      <div class=\"flex flex-col\">\n        <span class=\"text-xs text-zinc-500\">TICKET HOLDER</span>\n        <span class=\"mt-1 text-base font-bold text-white\">Jordan Mills</span>\n      </div>\n      <span class=\"font-mono text-xs text-zinc-600\">Non-transferable · Scan at entry</span>\n    </div>\n  </div>\n</div>",
  "options": {
    "format": "png",
    "dimensions": {
      "width": 900,
      "height": 400
    },
    "scale": 2
  }
}' \
  --output render.png
Fork this template to my account →

One click. Free tier includes 1 saved template.

More marketing templates