
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.pngOne click. Free tier includes 1 saved template.
More social templates

Open Graph Blog Card
Pixel-perfect 1200×630 social preview for blog posts. Drop in your title, author, and tag.

Milestone Announcement
Auto-post user/revenue milestones to Twitter and LinkedIn. Stats update dynamically.

KPI Stat Card
Single big-number metric card. Great for weekly reports, Slack updates, and email digests.