RendrKit: The Open-Source Alternative to Bannerbear

#api #opensource #imagegeneration #webdev

If you've ever needed to generate images programmatically - social media cards, OG images, blog headers, infographics - you've probably come across Bannerbear.

Bannerbear is solid. You design a template, call their API, get an image back. They're doing around $40-50K MRR, plans start at $49/mo, and they've earned it. Placid and HTMLCSStoImage do similar things in slightly different ways.

But I kept running into the same friction: I didn't want to design templates from scratch every time. I didn't want to pay $49/mo just to experiment. And most importantly - I was building AI agents that needed to generate images, and none of these tools were built with that in mind.

So I built RendrKit.

What RendrKit does differently

RendrKit is a Design API for AI Agents. Not just image generation - AI-native image generation.

Here's what that means in practice:

80+ templates built-in - no need to design anything before your first API call
MCP server - AI agents can discover and use templates directly
Direct render mode - skip the queue, get images at $0.001/img
Free tier - 50 images/mo, no credit card

The core idea: your AI agent should be able to say "I need a social media image with this title and background" and just... get one. Without you hand-crafting templates first.

Show me the code

Basic REST API call

curl -X POST https://api.rendrkit.dev/api/v1/generate \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "templateId": "social-post-bold",
    "slots": {
      "title": "RendrKit just launched",
      "subtitle": "Generate images with a single API call",
      "background_color": "#1a1a2e"
    }
  }'

Direct render with template + slots

const response = await fetch("https://api.rendrkit.dev/api/v1/generate", {
  method: "POST",
  headers: {
    "Authorization": "Bearer YOUR_API_KEY",
    "Content-Type": "application/json",
  },
  body: JSON.stringify({
    templateId: "blog-header-minimal",
    slots: {
      title: "How We Cut Image Generation Costs by 98%",
      author: "Jane Doe",
      avatar_url: "https://example.com/avatar.jpg",
      tag: "Engineering",
    },
    render: "direct", // skip the queue, get the image immediately
  }),
});

const { url } = await response.json();
console.log(url); // your generated image

That's it. No template builder, no drag-and-drop editor, no 15-minute setup. Pick a template from the gallery, fill the slots, get an image.

The AI agent angle

This is where it gets interesting. RendrKit ships an MCP server, which means any AI agent that speaks MCP can:

Browse available templates
Understand what slots each template expects
Generate images autonomously

If you're building with Claude, GPT, or any MCP-compatible agent - your agent can generate branded visuals without human intervention. That's the "Design API for AI Agents" positioning - it's not just an image endpoint, it's a creative tool that AI can use natively.

SDKs and ecosystem

npm: npm install rendrkit - docs
PyPI: pip install rendrkit - docs
MCP server: plug into any MCP-compatible AI agent
REST API: works with anything that can make HTTP requests

Pricing comparison

Here's an honest side-by-side:

	Bannerbear	Placid	RendrKit
Free tier	No	Limited	50 images/mo
Starter	$49/mo	$29/mo	Free
Pro	$149/mo	$99/mo	$49/mo
Enterprise	$199/mo	Custom	$149/mo
Built-in templates	No (build your own)	Some	80+
MCP server	No	No	Yes
Direct render	No	No	$0.001/img

I'm not going to pretend RendrKit does everything Bannerbear does. Bannerbear has years of polish, a mature template editor, and great docs. If you need a full visual template builder with pixel-perfect control, Bannerbear is excellent.

But if you want to hit an API with a template ID and some text and get an image back - especially from an AI agent - RendrKit is built for that.

Use cases

What people are building with RendrKit:

Social media images - automated posting pipelines that generate visuals per post
OG images - dynamic Open Graph images for blog posts and pages
Blog headers - consistent branded headers without opening Figma
Infographics - data-driven visuals generated from dashboards
E-commerce - product cards, sale banners, promo images at scale