
socialtailwindpng
Milestone Announcement
Auto-post user/revenue milestones to Twitter and LinkedIn. Stats update dynamically.
Request body
{
"type": "tailwind",
"content": "<div class=\"flex h-full w-full flex-col justify-between bg-zinc-900 p-12\">\n <div class=\"flex items-center justify-between\">\n <div class=\"flex items-center rounded-full border border-emerald-500 px-4 py-1\">\n <span class=\"font-mono text-xs text-emerald-400\">PRODUCT UPDATE · JULY 2026</span>\n </div>\n <span class=\"font-mono text-xs text-zinc-500\">Auto-posted to Twitter · LinkedIn</span>\n </div>\n <div class=\"flex flex-col\">\n <span class=\"text-6xl font-bold text-white\" style=\"line-height:1.1;\">We just hit</span>\n <span class=\"text-6xl font-bold text-emerald-400\" style=\"line-height:1.1;\">10,000 users.</span>\n <p class=\"mt-5 text-lg text-zinc-400\" style=\"line-height:1.5;\">\n What started as a weekend project is now trusted by developers at over 800 companies worldwide. Thank you for being part of the journey.\n </p>\n </div>\n <div class=\"flex items-center justify-between\" style=\"border-top:1px solid #3f3f46;padding-top:24px;\">\n <div class=\"flex flex-col\">\n <span class=\"text-xs text-zinc-500\">USERS</span>\n <span class=\"mt-1 text-3xl font-bold text-white\">10,000</span>\n </div>\n <div class=\"flex flex-col\">\n <span class=\"text-xs text-zinc-500\">COMPANIES</span>\n <span class=\"mt-1 text-3xl font-bold text-white\">800+</span>\n </div>\n <div class=\"flex flex-col\">\n <span class=\"text-xs text-zinc-500\">RENDERS / DAY</span>\n <span class=\"mt-1 text-3xl font-bold text-white\">2.4M</span>\n </div>\n <div class=\"flex flex-col\">\n <span class=\"text-xs text-zinc-500\">UPTIME</span>\n <span class=\"mt-1 text-3xl font-bold text-emerald-400\">99.97%</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-12\">\n <div class=\"flex items-center justify-between\">\n <div class=\"flex items-center rounded-full border border-emerald-500 px-4 py-1\">\n <span class=\"font-mono text-xs text-emerald-400\">PRODUCT UPDATE · JULY 2026</span>\n </div>\n <span class=\"font-mono text-xs text-zinc-500\">Auto-posted to Twitter · LinkedIn</span>\n </div>\n <div class=\"flex flex-col\">\n <span class=\"text-6xl font-bold text-white\" style=\"line-height:1.1;\">We just hit</span>\n <span class=\"text-6xl font-bold text-emerald-400\" style=\"line-height:1.1;\">10,000 users.</span>\n <p class=\"mt-5 text-lg text-zinc-400\" style=\"line-height:1.5;\">\n What started as a weekend project is now trusted by developers at over 800 companies worldwide. Thank you for being part of the journey.\n </p>\n </div>\n <div class=\"flex items-center justify-between\" style=\"border-top:1px solid #3f3f46;padding-top:24px;\">\n <div class=\"flex flex-col\">\n <span class=\"text-xs text-zinc-500\">USERS</span>\n <span class=\"mt-1 text-3xl font-bold text-white\">10,000</span>\n </div>\n <div class=\"flex flex-col\">\n <span class=\"text-xs text-zinc-500\">COMPANIES</span>\n <span class=\"mt-1 text-3xl font-bold text-white\">800+</span>\n </div>\n <div class=\"flex flex-col\">\n <span class=\"text-xs text-zinc-500\">RENDERS / DAY</span>\n <span class=\"mt-1 text-3xl font-bold text-white\">2.4M</span>\n </div>\n <div class=\"flex flex-col\">\n <span class=\"text-xs text-zinc-500\">UPTIME</span>\n <span class=\"mt-1 text-3xl font-bold text-emerald-400\">99.97%</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.

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

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