About PinePaper Studio
Building the future of motion graphics: browser-based, AI-native, and accessible to everyone.
Our Mission
PinePaper Studio is democratizing motion graphics design. We believe powerful creative tools shouldn't require expensive software licenses, powerful computers, or years of training. By combining modern web technologies with AI-first design, we're making animated text and graphics accessible to creators worldwide.
What Makes Us Different
AI-Native Design
Built from the ground up to work seamlessly with AI assistants. Our comprehensive API allows AI agents to create, animate, and export graphics through natural language commands.
MP4 & GIF Export
Export to MP4 video (H.264 via WebCodecs) for Instagram, TikTok, and LinkedIn. Create GIFs for Twitter, Discord, and messaging apps. Plus animated SVG and PNG.
Timeline & Keyframes
Professional timeline editor with keyframe-based animations. Create choreographed sequences with precise timing control, 5 easing functions, and color interpolation.
Global by Default
Support for 52 languages and all writing systems including Chinese, Arabic, Hindi, Bengali, and emoji. Create content for any audience, anywhere in the world.
Browser-Based Freedom
No installation required. Works on any device with a modern browser. Your creations process locally, ensuring privacy and instant results without server roundtrips.
Template Library
Jump-start your creativity with pre-designed templates. Beautiful backgrounds, animated text, and professional layouts ready to customize. Save your own creations as reusable templates.
Dual Interface
Intuitive UI for human designers and a powerful API for AI agents and developers. Two interfaces, one mission: empowering creativity.
Print-Ready Design
Create professional print materials with A3, A4, A5, Letter, Legal, and Tabloid presets at 300 DPI. Export to PDF with bleed and trim marks, or high-DPI PNG (up to 600 DPI) for commercial printing.
Technology & Capabilities
Core Technology
- ▹ Paper.js: Vector graphics manipulation and rendering
- ▹ HTML5 Canvas: Real-time animation and export
- ▹ Vanilla JavaScript: Lightweight, fast, no dependencies
- ▹ Timeline Engine: Keyframe interpolation with easing functions NEW
- ▹ Sentry: Error tracking and performance monitoring NEW
Export Formats
- ▹ MP4 Video: H.264 via WebCodecs API - ideal for social media NEW
- ▹ GIF Animation: Via gif.js Web Workers - perfect for messaging NEW
- ▹ PDF for Print: 300 DPI with bleed (3-5mm) and trim marks - professional printing NEW
- ▹ High-DPI PNG: Up to 600 DPI for commercial print quality NEW
- ▹ Animated SVG: Native SVG animations with SMIL
Animation Types
Effect System NEW
Apply animated particle effects to any item. Sparkle creates trailing particles, Blast creates explosion bursts.
MCP Server for AI Assistants NEW
Use PinePaper with Claude Desktop and other AI assistants via the @pinepaper.studio/mcp-server npm package. Create animated graphics using natural language:
Quick Setup
1. Install globally:
npm install -g @pinepaper.studio/mcp-server2. Add to Claude Desktop config:
macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
Windows: %APPDATA%\Claude\claude_desktop_config.json
{
"mcpServers": {
"pinepaper": {
"command": "npx",
"args": ["-y", "@pinepaper.studio/mcp-server"]
}
}
}3. Try it in Claude Desktop:
Available Tools
- • Create text, shapes, graphics
- • Add relations (orbits, follows, etc.)
- • Apply animations & effects
- • Generate procedural backgrounds
- • Export animated SVG
Supported AI Platforms
- • Claude Desktop
- • Any MCP-compatible client
- • Custom integrations via API
For Developers & AI Agents
PinePaper exposes a comprehensive global API (window.PinePaper) that enables programmatic control of the entire application. AI assistants and developers can:
- • Create and manipulate text, shapes, and imported SVG elements
- • Apply animations (9 presets) and effects (sparkle, blast)
- • Create keyframe-based animations with timeline control
- • Export to MP4, GIF, SVG, or PNG via API NEW
- • Use declarative relations (orbits, follows, attached_to)
- • Build automated workflows and batch processing systems
Example API Usage:
// Create animated text
const text = app.create({
type: 'text',
content: 'Hello World',
position: [400, 300],
fontSize: 48
});
// Apply animation preset
app.animate(text, { animationType: 'pulse' });
// Add sparkle effect
app.applyEffect(text, 'sparkle', { color: '#fbbf24' });
// Export as MP4 or GIF
await app.exportMP4({ duration: 5, fps: 30 });
await app.exportGIF({ quality: 'high' });Our Vision
We're building the first truly AI-native motion graphics platform. While other tools bolt on AI as an afterthought, PinePaper was designed from day one to be controlled by both humans and machines.
Our goal is to make motion graphics as easy as writing text. Whether you're a designer creating content manually, or an AI assistant helping a user through natural language, PinePaper provides the tools to create professional animated graphics in seconds.
✨ What's Next?
We're continuously evolving PinePaper with new features like scene management and expanded MCP (Model Context Protocol) integration. Recent additions include MP4/GIF export and the effect system. Want to see our roadmap and share feedback?
Community & Open Development
PinePaper Studio is developed transparently with our community. We welcome feedback, feature requests, and bug reports. Our development is guided by real user needs and the evolving landscape of AI-assisted creativity.
Free & Open
PinePaper Studio is Freeware v1.0 (currently v0.2.0-beta) and free to use for personal and commercial purposes. Create unlimited animations, export unlimited files, and use them in any project without restrictions. We believe powerful creative tools should be accessible to everyone.