renderlens-local

> Create, render, and QA animated SVGs with CSS animation-aware screenshots. The open-source SVG creator tool that actually captures what users see — not a blank screen at t=0.

[](LICENSE) [](https://nodejs.org) [](https://modelcontextprotocol.io)

Every animated SVG creator and screenshot tool renders at t=0 — the instant the page loads. CSS animations that start with opacity: 0 are invisible in the screenshot, even though users see them animate in within milliseconds.

This means your animated SVGs look empty in previews, CI screenshots, and AI-assisted design workflows.

RenderLens Local fixes this with animation-aware capture modes that screenshot your SVGs the way users actually experience them.

• 🎬 Animation-Aware Screenshots — Capture animated SVGs mid-animation, at their final state, or frame-by-frame
• 🎞️ Filmstrip Mode — Generate multi-frame strips showing the full animation progression at configurable intervals
• 🔍 Visual Diff — Pixel-level comparison between two versions of your SVG or HTML
• 🤖 MCP Server — Drop-in tool for Claude Code, Cursor, and any MCP-compatible AI agent
• 🌐 REST API — Simple HTTP endpoints for any workflow or CI pipeline
• ⚡ Fast — Shared Playwright browser instance, 2-second renders, no cold starts after first request
• 🎨 SVG + HTML + React — Auto-detects input format, wraps SVG/snippets in proper boilerplate with Tailwind CDN

git clone https://github.com/BusyBee3333/renderlens-local.git
cd renderlens-local
npm install
npx playwright install chromium
npm start
# Server running at http://localhost:3700

The core innov