From social media cards to PDF reports, OG images and certificates. All from HTML + CSS.
A branded social media card with dynamic title, tag and gradient background.
<div style="font-family:Montserrat;background:linear-gradient(135deg,#0A0A0A,#1a1a1a);width:1080px;height:1080px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px;box-sizing:border-box;"> <div style="color:#C9952A;font-size:14px;font-weight:700;letter-spacing:4px;margin-bottom:24px;">MARKET UPDATE</div> <div style...
Clean quote card with author attribution, great for Instagram carousel posts.
<div style="font-family:Playfair Display;background:#F7F3EE;width:1080px;height:1080px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px;box-sizing:border-box;"> <div style="font-size:80px;color:#C9952A;line-height:1;margin-bottom:20px;">"</div> <div style="font-size:36px;font-weight:700;line-height:1.4...
Full-page or viewport screenshot of any URL, desktop or mobile (iPhone 14).
POST /v1/screenshot { "url": "https://www.infomoney.com.br/", "mobile": true, "full_page": false } // Response { "status": "success", "image_url": "https://api.starkrender.com/static/abc.png" }
Multi-section HTML report exported as A4 PDF with full color and typography.
POST /v1/pdf { "html": "<div style='font-family:Inter;padding:60px'><h1>Q1 2026 Report</h1>...</div>", "format": "A4", "margin": "40px" } // Response { "status": "success", "pdf_url": "https://api.starkrender.com/static/abc.pdf" }
Auto-generated Open Graph image for blog posts and articles. 1200×630px.
<div style="font-family:Inter;background:#0A0A0A;width:1200px;height:630px;display:flex;align-items:center;padding:80px;box-sizing:border-box;gap:60px;"> <div style="flex:1;"> <div style="color:#C9952A;font-size:12px;font-weight:700;letter-spacing:3px;margin-bottom:20px;">STARKRENDER BLOG</div> <div style="color:#fff;font-size...
Professional certificate with custom name, course and date. PDF or PNG output.
<div style="font-family:Playfair Display;background:#fff;border:8px solid #C9952A;width:1080px;height:760px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px;box-sizing:border-box;text-align:center;"> <div style="font-size:14px;letter-spacing:4px;color:#888;text-transform:uppercase;margin-bottom:20px;">Certificate of Complet...
Copy any snippet above, paste it in the live demo and render your first image in seconds.