Testimonial Card
socialtailwindpng

Testimonial Card

Turn a customer quote into a shareable image. Perfect for social proof campaigns.

Request body
{
  "type": "tailwind",
  "content": "<div class=\"flex h-full w-full flex-col justify-between bg-zinc-900 p-16\">\n  <div class=\"flex flex-col\">\n    <span class=\"text-6xl text-emerald-400\" style=\"line-height:1;\">\"</span>\n    <p class=\"mt-4 text-2xl font-medium text-white\" style=\"line-height:1.5;\">\n      Renderfy cut our OG image generation time from 4 seconds to 180ms. We generate 50,000 images a day and it hasn't missed a beat.\n    </p>\n  </div>\n  <div class=\"flex items-center justify-between\">\n    <div class=\"flex items-center\">\n      <div class=\"flex h-14 w-14 items-center justify-center rounded-full bg-emerald-600\">\n        <span class=\"text-xl font-bold text-white\">SL</span>\n      </div>\n      <div class=\"ml-4 flex flex-col\">\n        <span class=\"text-base font-semibold text-white\">Sophie Lin</span>\n        <span class=\"mt-1 text-sm text-zinc-400\">Head of Engineering · Vanta Co</span>\n      </div>\n    </div>\n    <div class=\"flex items-center rounded-full border border-zinc-700 px-4 py-2\">\n      <span class=\"text-sm font-medium text-zinc-300\">★★★★★</span>\n    </div>\n  </div>\n</div>",
  "options": {
    "format": "png",
    "dimensions": "og-image",
    "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 justify-between bg-zinc-900 p-16\">\n  <div class=\"flex flex-col\">\n    <span class=\"text-6xl text-emerald-400\" style=\"line-height:1;\">\"</span>\n    <p class=\"mt-4 text-2xl font-medium text-white\" style=\"line-height:1.5;\">\n      Renderfy cut our OG image generation time from 4 seconds to 180ms. We generate 50,000 images a day and it hasn'\''t missed a beat.\n    </p>\n  </div>\n  <div class=\"flex items-center justify-between\">\n    <div class=\"flex items-center\">\n      <div class=\"flex h-14 w-14 items-center justify-center rounded-full bg-emerald-600\">\n        <span class=\"text-xl font-bold text-white\">SL</span>\n      </div>\n      <div class=\"ml-4 flex flex-col\">\n        <span class=\"text-base font-semibold text-white\">Sophie Lin</span>\n        <span class=\"mt-1 text-sm text-zinc-400\">Head of Engineering · Vanta Co</span>\n      </div>\n    </div>\n    <div class=\"flex items-center rounded-full border border-zinc-700 px-4 py-2\">\n      <span class=\"text-sm font-medium text-zinc-300\">★★★★★</span>\n    </div>\n  </div>\n</div>",
  "options": {
    "format": "png",
    "dimensions": "og-image",
    "scale": 2
  }
}' \
  --output render.png
Fork this template to my account →

One click. Free tier includes 1 saved template.

More social templates