> ## Documentation Index
> Fetch the complete documentation index at: https://docs.pictify.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction

> Pictify API: generate images (PNG, JPG, WebP), multi-page PDFs, GIFs, and MP4 video from HTML templates — one render per call, or thousands per batch

# Welcome to Pictify

Pictify is an API for generating images (PNG, JPG, WebP), multi-page PDFs, animated GIFs, and MP4 video from HTML templates. Render one asset per call, or send a batch of rows and get one render per row, each with its own variables. Use it for certificates, invoices, reports, social media cards, Open Graph images, and personalized video at scale.

## What You Can Build

<CardGroup cols={2}>
  <Card title="OG Images" icon="image">
    Generate dynamic Open Graph images for social media sharing
  </Card>

  <Card title="Marketing Assets" icon="paintbrush">
    Create personalized marketing materials at scale
  </Card>

  <Card title="Animated GIFs" icon="film">
    Render animated content from HTML/CSS animations
  </Card>

  <Card title="PDF Documents" icon="file-pdf">
    Generate invoices, reports, and certificates
  </Card>

  <Card title="Personalized Video" icon="video">
    Render MP4 video from templates — per-recipient variants with one API call
  </Card>

  <Card title="Batch Rendering" icon="layer-group">
    Send rows of variables in one request and get one render per row
  </Card>
</CardGroup>

## How It Works

1. **Create a Template** - Design your template in the Pictify dashboard using the visual editor or import HTML/CSS
2. **Define Variables** - Mark dynamic content like text, images, and colors as variables
3. **Render via API** - Call the API with your template ID and variable values
4. **Get Your Asset** - Receive a URL to your generated image, GIF, or PDF

```typescript theme={null}
import { Pictify } from '@pictify/sdk';

const pictify = new Pictify({
  apiKey: process.env.PICTIFY_API_KEY
});

const result = await pictify.render({
  templateId: 'og-image-template',
  variables: {
    title: 'My Blog Post',
    author: 'Jane Doe',
    date: '2026-01-29'
  }
});

console.log(result.url); // results[0].url
```

## Key Features

### Template System

Create reusable templates with the visual editor or HTML/CSS. Define variables for dynamic content and use expressions for conditional logic.

### Multiple Output Formats

Generate PNG, JPEG, WebP images, animated GIFs, and multi-page PDFs from the same templates.

### Batch Processing

Render up to 1,000 rows in a single API request (the per-request limit depends on your plan). Process thousands of assets efficiently for data-driven campaigns.

### Official SDKs

Native SDKs for Node.js, Python, Go, and Ruby with full TypeScript/type hints support.

### Webhooks

Receive notifications when renders complete. Integrate with Zapier, Make, n8n, or your own systems.

### AI Integration

MCP server for Claude Code, Cursor, and other AI tools. Generate images directly from AI conversations.

## Getting Started

<CardGroup cols={2}>
  <Card title="Quickstart" icon="rocket" href="/quickstart">
    Get your first image in 5 minutes
  </Card>

  <Card title="API Reference" icon="code" href="/api-reference/overview">
    Explore the full API documentation
  </Card>

  <Card title="SDKs" icon="box" href="/sdks/overview">
    Install an official SDK
  </Card>

  <Card title="Templates" icon="palette" href="/concepts/templates">
    Learn about the template system
  </Card>
</CardGroup>

## Need Help?

* **Email**: [support@pictify.io](mailto:support@pictify.io)
* **Discord**: [Join our community](https://discord.gg/pictify)
* **GitHub**: [Report issues](https://github.com/pictify-io)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.