# RenderStack — AI-Powered Image & Document Generation Platform > Design with AI. Render with an API. Scale without limits. RenderStack combines AI-powered template creation with a production-grade rendering engine — create templates from natural language, uploaded designs, or a visual editor, then generate personalized images and PDFs at scale via REST API or embeddable GET URLs. ## About RenderStack is an AI-powered platform for programmatic image and PDF generation. It combines AI template creation (natural language and vision import), a visual drag-and-drop template editor, and a server-side rendering engine, enabling developers, marketers, and no-code builders to create dynamic visual content at scale. The platform solves the core problem of generating brand-consistent images programmatically without the complexity of headless browsers, HTML-to-image conversion, or manual design tools. Describe what you need in plain English and AI builds it. Upload an existing design and AI recreates it. Or design templates manually in the visual editor. Templates are created once and rendered infinitely with different data via API. ## Target Audience - Backend and full-stack developers building automated image pipelines - No-code and low-code builders using Webflow, WordPress, Squarespace, or email platforms - Vibe coders using AI-assisted development tools (Cursor, Bolt, Lovable, Replit) - Marketing teams needing personalized campaign images at scale - SaaS platforms embedding image generation as a feature for their users - E-commerce platforms generating product cards from catalog data - Event organizers producing badges, certificates, and speaker cards dynamically ## Core Features ### Visual Template Editor Drag-and-drop canvas editor for designing image and PDF templates. Supports text (with auto-size, line spacing, and alignment strategies), images (with fallback handling), rectangles, ellipses, lines, SVGs, and QR codes. Every element can be positioned precisely with pixel-level control over typography, fill, stroke, corner radius, rotation, opacity, and pinning behavior. Elements can be converted between types at any time using the Type dropdown in the Properties panel — for example, convert a text frame to an image frame or a rectangle to an ellipse. Compatible properties (position, size, fill, stroke, corner radius) carry over automatically during conversion. #### Responsive Percentage Reference Dimension When using percentage-based units for element transforms (X, Y, Width, Height) or pin offsets, each property has a configurable reference dimension — width (W) or height (H) — that determines whether the percentage resolves against the artboard width or height. The default is width-based, following CSS conventions, which ensures uniform spacing: setting both X and Y to 10% with width-based reference means both values resolve against the artboard width, producing equal pixel distance from the left and top edges regardless of aspect ratio. Designers can switch any individual property to height-based reference when dimension-specific scaling is needed. The reference dimension is stored per-property in the template JSON (`percentRefX`, `percentRefY`, `percentRefW`, `percentRefH` for transforms; `percentRef` for pin offsets) and is preserved through template export/import. ### Dynamic Layers Mark any template element as dynamic by checking "Dynamic" in the Properties panel. Each element has a display Name (e.g., "Category Label") and an auto-generated API Name in snake_case (e.g., `category_label`). The API Name is used as the key in API calls and is visible/editable in the Properties panel. It auto-updates when the Name changes, unless manually overridden. When rendering via API, pass data overrides using the API Name to change text content, image sources, colors, font properties, visibility, and opacity. The template defines the layout; the API provides the data. ### REST API Rendering Generate images programmatically via synchronous (POST /api/v1/renders/sync — returns binary image data directly) or asynchronous (POST /api/v1/renders — returns render ID for polling) endpoints. Override any dynamic layer with custom data. Supports PNG, JPEG (configurable quality 1-100), and multi-page PDF (up to 50 pages per render). ### Dynamic Image URLs (GET Endpoint) Generate images via GET request with query parameters: GET /api/v1/render?template=slug&key=rs_get_xyz&title.text=Hello. Embed directly in HTML img tags without any server-side code. Supports dot-notation layer overrides (e.g., header.title.text=Hello), built-in response caching, per-key rate limiting, and allowed-host access controls for security. ### Auto-Layout Containers Flexbox-powered containers that automatically reflow child elements when content changes size or visibility. When an element hides due to missing data or visibility rules, remaining elements reposition automatically — no manual layout fixes needed. Supports row/column direction, gap spacing, alignment, and wrapping. ### Fallback Chains Declare ordered fallback strategies for each dynamic layer: try API-provided data first, fall back to generated initials, then a default value, or hide the element entirely. All fallback logic is defined in the template — zero client-side handling required. Combined with auto-layout, this handles missing-data scenarios gracefully without any integration code. ### Repeater Elements (Business & Enterprise Plans) Render variable numbers of items from a single template. Define a repeater container with one item layout, then send an array of data via the API. RenderStack clones the item for each entry and positions them according to layout rules. One template handles 1 to N items dynamically, covering use cases like speaker cards, product grids, and team rosters. Available on Business and Enterprise plans. Row template child layers are bound by `apiName` within each data item object. Supports vertical, horizontal, and grid layouts with configurable gaps, item caps, and auto-sizing. ### Conditional Visibility Rules Show or hide elements based on data presence, value conditions, or group logic. Elements can be conditionally visible based on whether specific override data is provided. Combined with auto-layout containers, templates adapt their structure based on the data without any client-side logic. ### Auto-Hide Visibility Mode Each layer supports a visibility mode: "Visible" (always shown), "Hidden" (never shown unless API override), or "Auto" (hidden when content is empty). Auto mode completely removes the element from the rendered output — no placeholder rectangle, no dashed border, nothing — when its dynamic content is empty or not provided. This is evaluated per-element independently. For image layers, "empty" means no src; for text layers, no text/richText/textRuns; for QR codes, no value. Ideal for templates with optional elements like a second speaker, conditional badges, or secondary CTAs. Set visibility to Auto in the template editor, then simply omit the layer from your API call or leave GET URL fields blank to hide those elements. AI-powered text-to-template generation automatically sets Auto visibility on optional numbered elements (e.g., speaker_2 when speaker_1 exists). ### Non-Blocking Renders If an asset fails to load (broken image URL, invalid QR code data), the render continues with warnings instead of failing entirely. Warnings are reported in response headers (X-Render-Warnings) and render history. This ensures API consumers always get output, even when external resources are unreliable. ### QR Code Elements Add dynamic QR codes to templates. Pass the URL or content string as an API override at render time. Configurable size, position, and error correction level. Invalid QR data produces a warning, not a render failure. ### AI Template Creation — Natural Language (Text-to-Template) Describe the template you want in plain English — specify layout, colors, text placement, and element types. RenderStack's AI interprets your description and generates a fully editable template with properly typed and positioned elements. Refine with follow-up prompts or switch to the visual editor for pixel-level adjustments. No design skills required. ### AI Template Creation — Vision Import (Image-to-Template) Upload a PNG, JPG, WebP, or PDF file (max 10MB). AI vision model analyzes the layout, detects text blocks, image regions, shapes, backgrounds, and spatial relationships, then generates an editable template with properly typed and positioned elements. The generated template opens in the editor for refinement and is immediately ready for API rendering. ### Rich Text & Inline Styling Style individual words and characters differently within a single text frame using the textRuns system. Each "run" is a segment of text with its own style overrides — bold, italic, underline, strikethrough, color, highlight, font family, font size, superscript, and subscript. Runs inherit the element's base styles unless explicitly overridden. Maximum 100 runs per element. Three ways to provide rich text: - `text` (plain string, no formatting — every character is literal) - `richText` (Markdown-like shorthand: **bold**, *italic*, __underline__, ~~strikethrough~~, {color:#hex}text{/color}, {hl:#hex}text{/hl}, {sup}text{/sup}, {sub}text{/sub}, {font:Name}text{/font}) - `textRuns` (structured array of { text, bold?, italic?, underline?, strikethrough?, color?, highlight?, font?, fontSize?, superscript?, subscript? }) Priority: textRuns > richText > text. The property name declares intent — no ambiguity between markup and literal text. Key use cases: pharmaceutical labels (mg/m², ®, ™), legal disclosures (superscript footnotes, strikethrough pricing), scientific notation (H₂O, E=mc²), marketing (bold keywords, colored calls-to-action), certificates (mixed heading/body sizes in one frame). ### Custom Font Support Upload font files in TTF, OTF, WOFF, or WOFF2 format through the asset manager. All formats are fully supported in both the visual editor and the server-side rendering engine — WOFF and WOFF2 fonts are automatically converted to TrueType on the server for rendering compatibility, so no manual conversion is needed. Exact brand typography in all generated images and PDFs with full control over font weight, size, letter spacing, line height, and text alignment. ## Platform Features ### Asset Management Upload and organize images and fonts in a searchable asset library. Assets are available across all templates within the organization with instant preview and metadata display. ### API Key Management Create keys with four permission levels: master (full access), project (template-scoped), read-only (view only), and GET (dynamic URL embedding only). Keys can be revoked or deleted with full audit trail tracking. ### URL Builder Interactive visual tool for constructing and testing dynamic image URLs without writing code. Select a template, configure layer overrides with form fields, preview the rendered result, and copy the ready-to-use URL. ### AWS S3 Integration Auto-upload rendered images to your own AWS S3 bucket. Configure credentials once (encrypted with AES-256-GCM at rest), then toggle S3 upload per render request. Non-blocking — renders succeed even if the S3 upload fails. ### Multi-Tenancy and Team Collaboration Create organizations and invite team members with roles: owner (full control), admin (most management capabilities), user (template and render access), viewer (read-only access). All data is isolated per organization with role-based access control enforced across every feature and API endpoint. ### Activity Log Filterable, searchable log of every platform event — renders, API key actions, template changes, authentication events, security events, and system events. 90-day retention with structured metadata for each entry. Owners and admins can view all organization activity; regular users see only their own actions. ### Analytics Dashboard At-a-glance overview of key metrics: total templates, total renders, render success rate, average render duration, and a recent activity feed. ### Template Export & Import JSON-based export/import system for sharing templates across organizations. Export produces a portable JSON file containing all template configuration — canvas data, layer schemas, visibility rules, fallback chains, conditional groups, and referenced assets with absolute public URLs. Import creates the template in the target organization with automatic slug deduplication, QR code feature gating, and thumbnail generation. Templates import as drafts for review before publishing. ### Automatic Thumbnails Template thumbnails are generated synchronously on create, save, import, and duplicate operations. The thumbnail is included in the API response so the UI displays it immediately. A "Regenerate Thumbnail" option is available in each template's dropdown menu for manual re-generation. ### Smart Cover — AI-Powered Focal Crop AI-powered image cropping that detects faces and subjects in uploaded images and positions them at designer-specified anchor points. Ensures important content is never cropped out regardless of target dimensions. Uses facial recognition to identify subjects and intelligently positions them within the template frame. Ideal for profile photos, team headshots, real estate hero images, and any template where subject positioning matters. ### AI Assistant Built-in conversational AI with multi-provider LLM pipeline. Understands your organization's templates, renders, assets, API keys, settings, and platform help documentation. Ask natural-language questions and get answers with source citations referencing specific platform entities. Supports follow-up questions, context-aware responses, and can help with template configuration, API usage, and troubleshooting. ### Outbound Webhooks Real-time HTTPS event notifications for your systems. Subscribe to 20+ event types covering renders, templates (including import and duplicate events), assets, API keys, team membership, subscriptions, usage limits, and organization status changes. Payloads are signed with HMAC-SHA256 for authenticity verification. Failed deliveries retry automatically with exponential backoff (up to 6 attempts). Endpoints auto-disable after 50 consecutive failures. Delivery logs retained for 30 days. HTTPS-only with SSRF protection (private IP blocking). Rate limited to 1,000 deliveries per hour per organization. ### Email Notifications Automatic email alerts for billing events (payment failures, past-due warnings), trial lifecycle (7/3/1/0 day warnings), usage limit alerts (80%/95%/100%), account status changes, team membership updates, and welcome onboarding. Per-user preference controls with seven notification categories. One-click unsubscribe via HMAC-signed links. Rate limited to 100 emails per hour per organization. ### Image Caching & CDN Optimization Built-in server-side caching for images rendered via the GET endpoint (`/api/v1/render`). When the same URL with the same parameters is requested again, the cached version is served instantly without re-rendering. Response headers include `X-Cache: HIT` or `X-Cache: MISS` to indicate cache status. Cache TTL is configurable per plan, and Enterprise customers can customize their own cache settings via self-service controls in Settings. Purge cached images via API: `DELETE /api/v1/cache/:cacheKey` (single entry), `DELETE /api/v1/cache/template/:templateId` (per-template), or `DELETE /api/v1/cache` (full organization). Template edits automatically invalidate associated cached images. Compatible with CDN layers like Cloudflare and CloudFront — cache headers include `Cache-Control`, `s-maxage`, and `stale-while-revalidate` for optimal edge caching. Cache usage analytics and hit rate metrics are available on the Billing page. ### Help Center Comprehensive documentation covering every feature — templates, rendering, API keys, dynamic URLs, webhooks, email notifications, activity logs, settings, and more. Database-driven help articles with audience targeting. ### Rendering Defaults Configure default output format (PNG, JPEG, PDF), JPEG quality (1-100), and pixel density. Apply globally or override per individual render request. ## Security - Scoped API keys with four permission levels - Allowed hosts: restrict GET dynamic URL access to specific domains, wildcard subdomains, IP addresses, or CIDR ranges (fail-closed by default) - In-memory sliding window rate limiter (60 req/min per key, 30 req/min per IP) - AES-256-GCM encryption for stored AWS and webhook signing credentials - HMAC-SHA256 signed webhook payloads with timestamp verification and replay protection - SSRF prevention for webhook endpoints (private IP and internal network blocking) - Full audit trail via activity log with 90-day retention - Organization-level data isolation ## Use Cases RenderStack provides detailed use case pages at `/use-cases` with individual pages at `/use-cases/:slug`. Each page covers a specific automation scenario with implementation details, FAQs, and code examples. 1. **Dynamic Open Graph / social media cards** (`/use-cases/generate-og-images-api`) — Generate unique OG images per page via API or GET URL embedded in meta tags 2. **Personalized certificates and awards** (`/use-cases/automate-certificate-generation`) — Render certificates with recipient name, date, and QR verification code 3. **E-commerce product images** (`/use-cases/product-image-generation-ecommerce`) — Generate consistent product cards from catalog data at scale 4. **Social media image automation** (`/use-cases/social-media-image-automation`) — Automate social media card and banner generation at scale 5. **No-code image generation** (`/use-cases/no-code-image-generation`) — Generate images without writing code using embeddable GET URLs 6. **Personalized email banner images** (`/use-cases/personalized-email-banners`) — Generate unique email banners per recipient with dynamic names, offers, and product images 7. **Invoices and PDF documents** — Create multi-page PDF invoices with repeater elements for line items 8. **Event badges and speaker cards** — Produce attendee badges with variable speaker counts per session 9. **Email marketing images** — Generate personalized hero images for email campaigns 9. **Real estate listing images** — Create property cards from MLS data with photos, prices, and details 10. **Dynamic banner ads** — Generate ad variations for A/B testing with different copy and images 11. **Report covers and headers** — Create branded report cover pages with dynamic titles and dates 12. **Membership cards and ID badges** — Generate ID cards with photos, names, and QR codes 13. **Pharmaceutical product labels** (`/use-cases/pharmaceutical-image-generation`) — Drug labels with superscript dosage notations (mg/m²), trademark symbols (®), and compliant clinical formatting 14. **Legal and compliance disclosures** (`/use-cases/legal-document-image-generation`) — Disclosure images with superscript footnote markers, strikethrough pricing, and mixed formatting 15. **Nutraceutical supplement cards** (`/use-cases/nutraceutical-label-image-generation`) — Supplement product images with trademark symbols, dagger footnotes, and Supplement Facts formatting 16. **Scientific publication images** (`/use-cases/scientific-publishing-image-generation`) — Academic social cards with mathematical notation (E=mc²), chemical formulas (H₂O), and citation superscript ## Solutions RenderStack provides solution pages at `/solutions` with individual pages at `/solutions/:slug`. Each page addresses a specific challenge and explains how RenderStack solves it. 1. **Eliminate Manual Image Creation** (`/solutions/eliminate-manual-image-creation`) — Replace repetitive manual design work with automated template-based generation 2. **Ship Image Features Faster** (`/solutions/ship-image-features-faster`) — Accelerate development of image generation features with a ready-made API platform 3. **Replace Headless Browser Rendering** (`/solutions/replace-headless-browser-rendering`) — Swap slow, resource-heavy headless browser rendering for deterministic server-side rendering ## API Overview ### Authentication API key in X-API-Key header for POST endpoints. Query parameter (?key=...) for GET dynamic URLs. ### Endpoints - POST /api/v1/renders/sync — Synchronous render, returns binary image/PDF - POST /api/v1/renders — Asynchronous render, returns render object with ID - GET /api/v1/render — Dynamic image URL with query parameter overrides ### Request Format JSON body with templateId (or template slug), overrides object (layer API Name → property overrides), format, quality, width, height, and optional S3 upload flag. Layer API Names are snake_case identifiers auto-generated from the layer display Name (e.g., "Speaker Photo" → `speaker_photo`). ### Override Structure ```json { "overrides": { "layer_name": { "text": "Custom text", "src": "https://example.com/image.jpg", "fill": "#ff0000", "visible": true, "opacity": 0.8, "fontSize": 24, "data": "https://example.com/qr-target" } } } ``` ### Output Formats - PNG — Lossless, supports transparency - JPEG — Lossy, configurable quality 1-100 - PDF — Single or multi-page (up to 50 pages), variable page sizes ### Cache Purge API - `DELETE /api/v1/cache/:cacheKey` — Purge a single cached image by cache key - `DELETE /api/v1/cache/template/:templateId` — Purge all cached images for a template - `DELETE /api/v1/cache` — Purge all cached images for the organization ### Rate Limits 60 requests/minute per API key, 30 requests/minute per IP. Cache hits count at reduced weight. ## Public Documentation RenderStack provides public help documentation at `/docs` with individual articles accessible at `/docs/:slug`. These articles are served from the same database that powers the in-app help center — ensuring a single source of truth. The public docs API is available at: - `GET /api/public/docs` — Lists all publicly visible help articles (id, slug, title, category, summary, sortOrder) - `GET /api/public/docs/:slug` — Returns a single publicly visible help article with full content ### Key Public Documentation Articles - [Welcome to RenderStack](/docs/welcome): Platform overview, first steps, and key concepts - [Getting Started with Your Organization](/docs/getting-started-org): Organization setup, member roles, template elements, and onboarding - [Quick Start: Your First Render](/docs/quick-start-render): Step-by-step guide to creating a template and calling the render API - [Template Editor Guide](/docs/template-editor): Editor layout, element types, pinning, element conversion, and keyboard shortcuts - [Using Dynamic Layers](/docs/dynamic-layers): API names, visibility modes, auto-hide, and layer management - [Render API Reference](/docs/render-api): POST /api/v1/renders/sync, /api/v1/renders/json, GET /api/v1/render — full parameter reference - [Output Formats & Quality](/docs/output-formats): PNG, JPEG, PDF — format selection, quality settings, and transparency - [Rich Text & Inline Styling](/docs/rich-text-styling): textRuns, richText shorthand, bold, italic, color, superscript, subscript, font mixing - [Repeater Elements](/docs/repeater-elements): Variable-length lists, grids, and tables via API arrays (Business and Enterprise) - [Smart Cover: AI Image Positioning](/docs/smart-cover): AI-based focal crop, subject detection, and anchor points - [Template Export & Import](/docs/template-export-import): JSON-based template portability across organizations - [API Keys Overview](/docs/api-keys-overview): Master, project, read-only, and GET key types with permission scopes - [URL Builder Tool](/docs/url-builder): Interactive tool to build and test dynamic image GET URLs - [Rate Limits](/docs/rate-limits): Per-plan rate limits, 429 handling, and retry best practices - [Webhook Notifications](/docs/webhooks): HMAC-signed event payloads, available events, delivery logs, retry policy - [Image Caching & Performance](/docs/image-caching-performance): Cache TTL, CDN headers, cache purge API - [Template Integration Guide (for Developers)](/docs/template-integration-guide): Complete layer schema reference, all element types, render API, repeater data arrays, auto-visibility, pinning — the canonical reference for AI agents and developer integrations ## Technical Architecture - Server-side rendering via node-canvas (not headless Chrome) - PDF generation via pdf-lib - Frontend: React, Vite, TailwindCSS, shadcn/ui, Fabric.js canvas editor - Backend: Express.js, Drizzle ORM, PostgreSQL - Storage: Replit Object Storage for assets and thumbnails - AI: OpenAI (GPT-4o) for vision analysis and natural language template creation, multi-provider LLM for AI assistant, facial recognition for Smart Cover focal crop ## Competitor Comparisons RenderStack provides detailed, factual comparison pages at `/compare` covering: - [RenderStack vs Bannerbear](/compare/renderstack-vs-bannerbear): Auto-layout containers, fallback chains, repeater elements, AI template creation vs established template library - [RenderStack vs Placid](/compare/renderstack-vs-placid): Deeper API control, custom fonts, RBAC, webhooks vs no-code focused Zapier/Make integrations - [RenderStack vs Puppeteer](/compare/renderstack-vs-puppeteer): No browser infrastructure, deterministic output, zero DevOps vs full browser automation flexibility Each comparison includes a feature-by-feature table, honest competitor acknowledgments, and migration guidance. ## Integrations RenderStack integrates with 20+ platforms. Step-by-step recipes available at `/integrations`: - [Zapier](/integrations/integrate-with-zapier): Auto-generate social cards on blog publish, welcome images for CRM contacts, invoice PDFs from form submissions - [Webflow](/integrations/integrate-with-webflow): Dynamic CMS collection images via GET URL, personalized landing page hero images - [Stripe](/integrations/integrate-with-stripe): Branded invoice PDFs, subscription confirmation images, payment receipt cards - [AWS S3](/integrations/integrate-with-aws-s3): Auto-upload rendered images, CloudFront CDN delivery, S3 event triggers for post-processing - Also: Make, n8n, GitHub Actions, Vercel, Supabase, WordPress, Bubble, Airtable, Slack, Mailchimp, SendGrid, HubSpot, Shopify, Google Sheets, Notion, AWS Lambda ## Live Demos Try RenderStack's rendering engine without signing up. Interactive demos available at `/demo`: - [Social Card Generator](/demo/social-card): Create dynamic OG images with custom text, colors, and branding - [Event Badge Generator](/demo/event-badge): Generate personalized event badges with QR codes and custom styling - [Product Card Generator](/demo/product-card): Create e-commerce product card images with dynamic pricing and ratings - [Report Cover Generator](/demo/report-cover): Generate branded report and document cover pages - [Rich Text Formatting Demo](/demo/rich-text-formatting): Experience rich text capabilities with a pharma product card demo — superscript, subscript, bold, color, and font mixing Each demo lets you customize inputs and see rendered output instantly. Rate-limited to prevent abuse; no API key required. ## Free Tools RenderStack offers free utility tools that require no signup: - [OG Image Preview & Validator](/tools/og-image-preview): Enter any URL and see how its Open Graph tags render across Twitter/X, Facebook, LinkedIn, Discord, and Slack. Identifies missing or malformed tags with suggestions. - [API Request Builder](/tools/api-request-builder): Interactive tool to construct and test RenderStack API requests. Select templates, configure parameters, and generate curl commands or GET URLs. - [Image Size Guide](/tools/image-size-guide): Interactive reference for optimal image dimensions across social media platforms, ad networks, email clients, print formats, and web standards. - [Rich Text Preview](/tools/rich-text-preview): Paste textRuns JSON or richText Markdown, see a live preview, switch between formats, and copy formatted output for API calls. All tools are free, rate-limited per IP, and designed to solve real problems for developers and marketers. ## Examples Gallery Real-world pipeline examples demonstrating RenderStack's capabilities, available at `/examples`: - [Dynamic OG & Social Card Pipeline](/examples/og-social-card-pipeline): SaaS/Content — GET URLs, Dynamic Text, Auto-Layout - [E-Commerce Product Card Automation](/examples/ecommerce-product-cards): E-Commerce — Repeater Elements, Conditional Visibility, Image Swapping - [Certificate & Achievement Badge System](/examples/certificate-badge-system): EdTech/HR — QR Codes, Custom Fonts, Batch Rendering - [Multi-Page Invoice PDF Generator](/examples/invoice-pdf-generator): FinTech/SaaS — PDF Output, Repeater Elements, Auto-Layout - [Conference Attendee Badge Pipeline](/examples/event-attendee-badges): Events — Repeater Elements, QR Codes, Fallback Chains - [Real Estate Listing Image Generator](/examples/real-estate-listings): Real Estate — Smart Cover, Image Swapping, Dynamic Text - [Personalized Email Banner Pipeline](/examples/email-banner-personalization): Marketing — GET URLs, Dynamic Text, Color Overrides - [Automated Report Cover Pages](/examples/dashboard-report-covers): Analytics/BI — PDF Output, Dynamic Branding - [Multi-Tenant White-Label Image API](/examples/multi-tenant-white-label): SaaS Platform — RBAC, API Keys, Organization Scoping - [Gaming Achievement & Leaderboard Cards](/examples/gaming-achievement-cards): Gaming — Conditional Visibility, Repeater Elements - [Pharmaceutical Product Card Pipeline](/examples/pharma-product-card): Pharma/Healthcare — Rich Text (textRuns), Superscript/Subscript, Font Mixing - [Financial Disclosure Image Pipeline](/examples/legal-disclosure-image): Finance/Legal — Superscript Footnotes, Strikethrough, Font Size Mixing - [Scientific Abstract Social Card Pipeline](/examples/scientific-abstract-card): Publishing/Education — Superscript/Subscript, Citation Formatting Each example includes architecture diagrams, code snippets, sample outputs, and feature breakdowns. ## Resource Hubs Curated resources organized by role: - [For Developers](/resources/developers): Getting started guides, API reference, quick-win recipes, developer-focused examples, and technical deep dives - [For Marketers](/resources/marketers): No-code image generation guides, email personalization workflows, social media automation, and marketer-focused examples - [For Platform Teams](/resources/platform-teams): Multi-tenant architecture, RBAC documentation, webhook pipelines, AWS S3 integration, and infrastructure examples ## Feature Pages - [AI Features](/features/ai): Comprehensive overview of AI-powered capabilities — natural language template creation, AI vision import, Smart Cover focal crop, AI assistant, and rich text intelligence - [Rich Text Features](/features/rich-text): Complete guide to rich text and inline styling — three input methods, supported styles, industry applications, API examples, and interactive demos ## Affiliate Program RenderStack offers an affiliate program at https://ref.renderstack.io/register. Partners earn commissions by referring customers who subscribe to paid plans. Attribution is tracked automatically via unique referral links using a partnero_partner cookie. The affiliate dashboard provides real-time referral and conversion tracking, earnings overviews, and marketing resources. The program is accessible to developers, content creators, consultants, and educators who recommend developer tools to their audiences. Affiliate program documentation is available at /docs/affiliate-program. ## Competitive Positioning RenderStack differentiates from alternatives like Bannerbear, Placid, HTMLcsstoimage, and Puppeteer-based solutions through: 1. **AI-first template creation** — Create templates from natural language descriptions or by uploading existing designs — no other image generation API offers this 2. **Layout intelligence** — Auto-layout containers, fallback chains, and repeater elements handle complex real-world scenarios that basic image stamping APIs cannot 3. **No browser dependency** — Server-side rendering without headless Chrome eliminates infrastructure complexity 4. **Dual rendering modes** — Both POST API and GET URL embedding serve different integration patterns 5. **Deterministic output** — Templates are the source of truth; output is pixel-perfect and consistent every render 6. **Smart Cover AI** — Facial recognition and subject detection for intelligent image cropping at designer-specified anchor points 7. **Rich text intelligence** — Inline styling with bold, italic, color, superscript, subscript, and font mixing within a single text frame — essential for pharma, legal, and scientific content 8. **Built-in image caching** — Server-side caching for GET render endpoint with configurable TTL, automatic invalidation, cache purge API, and CDN-compatible headers for edge caching 9. **Built for all skill levels** — Works equally well for developers writing code, no-code builders embedding URLs, and vibe coders using AI tools ## Usage Guidelines - Attribution: "Powered by RenderStack" appreciated but not required - Educational and commercial use of rendered outputs encouraged - API documentation and interactive tools available after free sign-up - No credit card required for trial