PinePaper Studio के बारे में

मोशन ग्राफ़िक्स का भविष्य बनाना: ब्राउज़र-आधारित, AI-नेटिव, और सभी के लिए सुलभ।

हमारा मिशन

PinePaper Studio मोशन ग्राफ़िक्स डिज़ाइन को सभी के लिए सुलभ बना रहा है। हमारा मानना है कि शक्तिशाली क्रिएटिव टूल्स के लिए महंगे सॉफ़्टवेयर लाइसेंस, शक्तिशाली कंप्यूटर, या वर्षों के प्रशिक्षण की आवश्यकता नहीं होनी चाहिए। आधुनिक वेब तकनीकों को AI-फर्स्ट डिज़ाइन के साथ जोड़कर, हम एनिमेटेड टेक्स्ट और ग्राफ़िक्स को दुनिया भर के क्रिएटर्स के लिए सुलभ बना रहे हैं।

हम कैसे अलग हैं

🤖

AI-नेटिव डिज़ाइन

AI सहायकों के साथ निर्बाध रूप से काम करने के लिए शुरू से बनाया गया। हमारी व्यापक API AI एजेंट्स को प्राकृतिक भाषा कमांड के माध्यम से ग्राफ़िक्स बनाने, एनिमेट करने और एक्सपोर्ट करने की अनुमति देती है।

🎬

MP4 और GIF एक्सपोर्ट

Instagram, TikTok और LinkedIn के लिए MP4 वीडियो (WebCodecs के माध्यम से H.264) में एक्सपोर्ट करें। Twitter, Discord और मैसेजिंग ऐप्स के लिए GIF बनाएं। साथ ही एनिमेटेड SVG और PNG।

⏱️

टाइमलाइन और कीफ़्रेम

कीफ़्रेम-आधारित एनिमेशन के साथ प्रोफेशनल टाइमलाइन एडिटर। सटीक टाइमिंग नियंत्रण, 5 ईज़िंग फंक्शन और कलर इंटरपोलेशन के साथ सिंक्रनाइज़्ड सीक्वेंस बनाएं।

🌍

स्वाभाविक रूप से वैश्विक

चीनी, अरबी, हिंदी, बंगाली और इमोजी सहित 52 भाषाओं और सभी लेखन प्रणालियों का समर्थन। दुनिया में कहीं भी, किसी भी दर्शक के लिए कंटेंट बनाएं।

🚀

ब्राउज़र-आधारित स्वतंत्रता

इंस्टॉलेशन की आवश्यकता नहीं। किसी भी आधुनिक ब्राउज़र वाले डिवाइस पर काम करता है। आपकी रचनाएं स्थानीय रूप से प्रोसेस होती हैं, जिससे गोपनीयता और सर्वर राउंडट्रिप के बिना तत्काल परिणाम सुनिश्चित होते हैं।

📋

टेम्पलेट लाइब्रेरी

पूर्व-डिज़ाइन किए गए टेम्पलेट्स के साथ अपनी रचनात्मकता को शुरू करें। सुंदर बैकग्राउंड, एनिमेटेड टेक्स्ट, और कस्टमाइज़ करने के लिए तैयार प्रोफेशनल लेआउट। अपनी रचनाओं को पुन: उपयोग योग्य टेम्पलेट्स के रूप में सेव करें।

🎨

दोहरा इंटरफ़ेस

मानव डिज़ाइनरों के लिए सहज UI और AI एजेंट्स व डेवलपर्स के लिए शक्तिशाली API। दो इंटरफ़ेस, एक मिशन: रचनात्मकता को सशक्त बनाना।

🖨️

प्रिंट-रेडी डिज़ाइन

A3, A4, A5, Letter, Legal और Tabloid प्रीसेट्स के साथ 300 DPI पर प्रोफेशनल प्रिंट मटीरियल बनाएं। ब्लीड और ट्रिम मार्क्स के साथ PDF में या कमर्शियल प्रिंटिंग के लिए हाई-DPI PNG (600 DPI तक) में एक्सपोर्ट करें।

v0.4
🦴

कैरेक्टर रिगिंग

हड्डियों के साथ कंकाल एनिमेशन, FK प्रसारण और FABRIK IK सॉल्वर। पोज़ सहेजें और इंटरपोलेट करें, प्रीसेट रिग्स (ह्यूमनॉइड, चौपाया, मकड़ी) का उपयोग करें, और टाइमलाइन कीफ़्रेम के माध्यम से एनिमेशन चलाएं।

v0.4
🎭

ब्लेंडिंग और कंपोजिटिंग

7 प्रीसेट (घोस्ट, नियॉन, शैडो, ग्लो, एक्स-रे, ड्रीमी, विंटेज) के साथ प्रति-आइटम और प्रति-समूह ब्लेंड मोड। एनिमेटेड ट्रांजिशन, इंटरैक्टिव होवर/क्लिक मोड, और निकटता-आधारित ब्लेंड प्रतिक्रियाएं।

v0.4
✂️

ट्रिम पथ और मास्किंग

"लाइन ड्रॉ" प्रभावों के लिए ट्रिम पथों से स्ट्रोक ड्राइंग को एनिमेट करें। क्लिप/सब्ट्रैक्ट/इंटरसेक्ट मोड, मास्क स्टैकिंग, एनिमेटेड रिवील (14 प्रीसेट), और वर्टेक्स एनिमेशन के साथ उन्नत मास्किंग।

v0.4
🔗

प्रक्रियात्मक संबंध

नए संबंध प्रकार: driven_by (प्रॉपर्टी लिंकिंग), wiggle (प्रक्रियात्मक शोर), और time_expression (t के साथ गणितीय अभिव्यक्तियां)। साथ ही स्वतंत्र स्थानीय टाइमलाइन वाली नेस्टेड कंपोज़िशन (प्रीकंप्स)।

v0.4
🌐

अनंत कैनवास

सीमा के बिना कहीं भी खींचो। Unbounded कैनवास मोड सभी आकार प्रतिबंधों को हटा देता है - पैन और एक अनंत कार्यक्षेत्र में स्वतंत्र रूप से ज़ूम करें।.

v0.4
🖌️

ड्राइंग उपकरण

6 पेशेवर ड्राइंग उपकरण: पेन, स्याही ब्रश, मार्कर, स्प्रे कैन, इरेज़र, और बाल्टी भर सकते हैं। प्रत्येक कस्टम कर्सर और अनुकूलित स्ट्रोक एल्गोरिदम के साथ।.

v0.4
🧊

परिप्रेक्ष्य प्रतिपादन

5 प्रक्षेपण प्रकार के साथ कैनवास पर प्रोजेक्ट प्राइमिटिव्स (क्यूब, क्षेत्र, सिलेंडर, टोरस, शंकु)। GPU-accelerated प्रतिपादन (WebGPU/WebGL2), कक्षीय कैमरा, और चयन योग्य और खींचने योग्य परिप्रेक्ष्य ऑब्जेक्ट्स।.

v0.5
🎛

GPU छवि फ़िल्टर

WebGL2 गिरबैक के साथ WebGPU कम्प्यूट शेडर्स द्वारा संचालित रियल टाइम इमेज प्रोसेसिंग। HSL समायोजन, चमक, विपरीत, पोस्टराइज़, किनारे का पता लगाने, रंग टिंट, vignette, धुंधला, और एक एकल GPU पास में फ़िल्टर जंजीर।.

v0.5

छवि विभाजन

फ्रीहैंड लासो उपकरण पूर्ण मूल संकल्प पर छवि क्षेत्रों का चयन और निकालने के लिए। 8 कटआउट शैली प्रीसेट (पेपरकट, पोस्टकार्ड, स्टिकर, पोस्टर, मोनो, स्केच, गर्म, ठंडा) GPU फिल्टर को छाया प्रभाव के साथ जोड़ती है।.

v0.5
📐

गणित और विज्ञान इंजन

Math.js द्वारा संचालित न्यूमेरिकल कंप्यूटिंग - ODE सॉलर्स (RK4/RK45), FFT स्पेक्ट्रम विश्लेषण, फंक्शन प्लॉटिंग, पैरामीट्रिक वक्र, डायनेमिक सिस्टम सिमुलेशन और परिप्रेक्ष्य में पैरामीट्रिक सतहों। रियल गणित, कैनवास पर एनिमेटेड।.

अनुपालन और विश्वास

Level AA conformance, W3C WAI Web Content Accessibility Guidelines 2.1

WCAG 2.1 AA

स्क्रीन रीडर कैनवास नेविगेशन के लिए अभिगम्यता छाया पेड़। कीबोर्ड नेविगेशन, लाइव क्षेत्र घोषणाएं, स्किप लिंक, विपरीत लेखा परीक्षा और गति संवेदनशीलता जांच। पीपी का उपयोग:PinePapersemantic आइटम विवरण के लिए ऑनोलॉजी।.

🔒

सुरक्षा हेडर

HSTS प्रीलोड, CSP, X-Frame-Options, Permissions-Policy। कैमरा, माइक्रोफ़ोन, स्थान या भुगतान API एक्सेस नहीं।

👁

डिज़ाइन द्वारा गोपनीयता

100% क्लाइंट-साइड प्रोसेसिंग। कोई सर्वर अपलोड नहीं, कोई कुकीज़ नहीं, कोई डेटा संग्रह नहीं। सभी डिज़ाइन आपके ब्राउज़र में रहते हैं। स्थानीय रूप से निर्यात करें — जब तक आप साझा करना न चुनें, कुछ भी आपके डिवाइस से नहीं जाता।

तकनीक और क्षमताएं

कोर तकनीक

  • Paper.js: वेक्टर ग्राफ़िक्स मैनिपुलेशन और रेंडरिंग
  • एचटीएमएल 5 कैनवास: रियल-टाइम एनिमेशन और एक्सपोर्ट
  • वेनिला जावास्क्रिप्ट: हल्का, तेज़, बिना डिपेंडेंसी
  • टाइमलाइन इंजन: ईज़िंग फंक्शन के साथ कीफ़्रेम इंटरपोलेशन
  • रिगिंग इंजन: FK/IK सॉल्वर्स और पोज़ इंटरपोलेशन के साथ कंकाल एनिमेशन v0.4
  • डिज़ाइन नॉलेज ग्राफ़: 25+ संबंध प्रकार, 35+ गणितीय फंक्शन और टाइप हायरार्की के साथ सिमैंटिक ओंटोलॉजी v0.4
  • Rust/WASM रनटाइम: वैकल्पिक WebAssembly त्वरण — संबंध प्रसंस्करण 10-100 गुना तेज, कोई GC विराम नहीं। v0.5
  • pp:PinePaper ऑन्टोलॉजी: 55-टोकन सिमेंटिक शब्दावली (आइटम, रिलेशन, एनिमेशन, मास्क, जनरेटर) — PinePaper एनिमेशन की भाषा। v0.5
  • संतरी: एरर ट्रैकिंग और परफॉर्मेंस मॉनिटरिंग

एक्सपोर्ट फॉर्मेट

  • WebM वीडियो: VP9 कोडेक - एनिमेशन के लिए सर्वोत्तम गुणवत्ता
  • MP4 वीडियो: WebCodecs API के माध्यम से H.264 - सोशल मीडिया के लिए आदर्श
  • GIF एनिमेशन: gif.js Web Workers के माध्यम से - मैसेजिंग के लिए उत्तम
  • प्रिंट के लिए PDF: 300 DPI ब्लीड (3-5mm) और ट्रिम मार्क्स के साथ - प्रोफेशनल प्रिंटिंग
  • उच्च-DPI PNG: कमर्शियल प्रिंट क्वालिटी के लिए 600 DPI तक
  • एनिमेटेड SVG: SMIL के साथ नेटिव SVG एनिमेशन
  • इंटरैक्टिव विजेट: सीन-विशिष्ट कोड के साथ स्वतंत्र HTML (~8-20KB)। WASM त्वरित। कहीं भी एम्बेड करें। v0.5
  • Lottie JSON: उद्योग-मानक एनिमेशन प्रारूप। प्रक्रियात्मक एनिमेशन को स्वचालित रूप से मूल कीफ़्रेम में परिवर्तित करता है। v0.4

एनिमेशन प्रकार

पल्स घुमाएं उछाल फेड डगमगाना झूलना हिलाना जेली टाइपराइटर कस्टम पथ कीफ़्रेम एनिमेशन ✨ ट्रिम पथ स्थानिक गति पथ पथ मॉर्फिंग 13 Deform Presets 100+ Animation Presets

इफेक्ट सिस्टम

10 Visual Effects Sparkle Blast Fire Smoke Rain Snow Confetti Ripple Glow Electric 14 Mask Presets 19 Blend Presets 12 Blend Modes

On-Device AI EXPERIMENTAL

PinePaper supports client-side LLMs that run entirely in your browser — no account, nothing sent to a server. Chrome's built-in Gemini Nano, or any other in-browser model, can follow this experimental process to let its agent talk to PinePaper's tools directly.

The model emits PinePaper tool calls constrained by a grammar (a JSON schema on Chrome's Prompt API, an EBNF grammar on WebLLM), so the output is always valid and runs straight onto the canvas — a prompt becomes a scene in one step. Find it under AI / Code → Assistant in the editor. Being on-device, it's free and private; quality tracks whatever small model your browser provides, while the Cloud tab and MCP below give you larger models for higher fidelity.

PinePaper MCP सर्वर

Use PinePaper with Claude Desktop and other AI assistants via the @pinepaper.studio/mcp-server npm package. Create animated graphics using natural language:

जोड़ी MCP आधिकारिक क्लाउड कौशल के साथ

जब PinePaper तक पहुंचता है तो कौशल क्लाउड को सिखाता है और इसे सही ढंग से कैसे चलाना है। एक बार स्थापित करें और सादे अंग्रेजी में पूछें - "इस लोगो को अलग करें", "एक pulsing बिल्ला बनाएं" - और क्लाउड रूट PinePaper के माध्यम से HTML / CSS उत्पन्न करने के बजाय।.

Skill docs →

त्वरित सेटअप

1. ग्लोबली इंस्टॉल करें:

npm install -g @pinepaper.studio/mcp-server

2. Claude Desktop कॉन्फ़िग में जोड़ें:

मैक ओएस: ~/Library/Application Support/Claude/claude_desktop_config.json
विंडोज: %APPDATA%\Claude\claude_desktop_config.json

{
  "mcpServers": {
    "pinepaper": {
      "command": "npx",
      "args": ["-y", "@pinepaper.studio/mcp-server"]
    }
  }
}

3. Claude Desktop में आज़माएं:

"HELLO लिखने वाला लाल पल्सिंग टेक्स्ट बनाएं" "पृथ्वी को सूर्य की परिक्रमा कराएं"

उपलब्ध टूल्स

  • • टेक्स्ट, आकृतियाँ, ग्राफ़िक्स बनाएं
  • • रिलेशन जोड़ें (25+ प्रकार: ऑर्बिट, फ़ॉलो, विगल, आदि)
  • • कीफ़्रेम और प्रीसेट एनिमेशन
  • • कैरेक्टर रिगिंग (कंकाल, हड्डियाँ, IK/FK)
  • • ब्लेंडिंग प्रीसेट और ट्रांज़िशन
  • • डायग्राम, मानचित्र, फ़ॉन्ट निर्माण
  • • प्रोसीजरल बैकग्राउंड जनरेट करें (14 जनरेटर)
  • • Vertex deformation (13 presets: fold, twist, wave, etc.)
  • • SVG, ट्रेनिंग डेटा एक्सपोर्ट करें

समर्थित AI प्लेटफ़ॉर्म

  • • क्लाउड डेस्कटॉप
  • • कोई भी MCP-संगत क्लाइंट
  • • API के माध्यम से कस्टम इंटीग्रेशन

डिज़ाइन नॉलेज ग्राफ़

Unveiled in v0.4, the Design Knowledge Graph is a semantic reasoning layer that maps relationships between visual elements. Unlike traditional tools that only store pixel or vector data, PinePaper understands the intent behind the design—whether an object "orbits" another, "points at" a target, or "follows" a path.

यह नवीन दृष्टिकोण AI एजेंट्स को जटिल एनिमेशन और संरचनात्मक संबंधों के बारे में तर्क करने में सक्षम बनाता है, जिससे सिमैंटिक स्थिरता बनाए रखने वाले परिष्कृत मोशन ग्राफ़िक्स बनाए जा सकते हैं।

शोध-आधारित

डिज़ाइन नॉलेज ग्राफ़ की वास्तुकला इन पीयर-रिव्यूड शोध पत्रों के विचारों पर आधारित है:

डेवलपर्स और AI एजेंट्स के लिए

PinePaper exposes a comprehensive global API (window.PinePaper) that enables programmatic control of the entire application. AI assistants and developers can:

  • टेक्स्ट, शेप्स और इम्पोर्टेड SVG एलिमेंट्स बनाएं और मैनिपुलेट करें
  • एनिमेशन (9 प्रीसेट) और इफेक्ट्स (स्पार्कल, ब्लास्ट) लागू करें
  • टाइमलाइन कंट्रोल के साथ कीफ़्रेम-आधारित एनिमेशन बनाएं
  • API के माध्यम से MP4, GIF, SVG या PNG में एक्सपोर्ट करें
  • डिक्लेरेटिव रिलेशन्स का उपयोग करें (orbits, follows, attached_to)
  • कंकाल एनिमेशन और पोज़ कीफ़्रेम के साथ कैरेक्टर रिग करें v0.4
  • स्थानीय टाइमलाइन के साथ नेस्टेड कंपोज़िशन (प्रीकंप्स) बनाएं v0.4
  • ऑटोमेटेड वर्कफ़्लो और बैच प्रोसेसिंग सिस्टम बनाएं

API उपयोग का उदाहरण:

// Create animated text
const text = app.create('text', {
  content: 'Hello World', x: 400, y: 300, fontSize: 48, color: '#4a9eff'
});

// Apply animation preset
app.animate(text, { animationType: 'pulse' });

// Keyframe animation with easing
app.create('circle', {
  x: 400, y: 300, radius: 50, color: '#ef4444',
  animationType: 'keyframe',
  keyframes: [
    { time: 0, properties: { y: 100, opacity: 0 } },
    { time: 1, properties: { y: 300, opacity: 1 }, easing: 'bounce' }
  ]
});

// Declarative relations
app.addRelation(moonId, earthId, 'orbits', { radius: 100, speed: 0.5 });

हमारी दृष्टि

हम पहला सच्चा AI-नेटिव मोशन ग्राफ़िक्स प्लेटफ़ॉर्म बना रहे हैं। जबकि अन्य टूल्स AI को बाद में जोड़ते हैं, PinePaper को पहले दिन से मनुष्यों और मशीनों दोनों द्वारा नियंत्रित होने के लिए डिज़ाइन किया गया था।

हमारा लक्ष्य मोशन ग्राफ़िक्स को टेक्स्ट लिखने जितना आसान बनाना है। चाहे आप मैन्युअल रूप से कंटेंट बनाने वाले डिज़ाइनर हों, या प्राकृतिक भाषा के माध्यम से उपयोगकर्ता की मदद करने वाले AI सहायक — PinePaper सेकंडों में प्रोफेशनल एनिमेटेड ग्राफ़िक्स बनाने के टूल्स प्रदान करता है।

आगे क्या है?

v0.5 shipped data-driven charts, vision-puppeteering (webcam → rigged character), the measurement system with rulers + snap, glTF / BVH export, and the Claude Skill + MCP plugin marketplace. Up next: deeper agent integrations, animation state machines as a first-class primitive, and a growing template library across art, education, and motion-design domains.

समुदाय और खुला विकास

PinePaper Studio हमारे समुदाय के साथ पारदर्शी रूप से विकसित किया जाता है। हम फीडबैक, फीचर रिक्वेस्ट और बग रिपोर्ट का स्वागत करते हैं। हमारा विकास वास्तविक उपयोगकर्ता आवश्यकताओं और AI-सहायित रचनात्मकता के उभरते परिदृश्य द्वारा निर्देशित है।

मुफ़्त और खुला

PinePaper Studio is Freeware v1.0 (currently v0.5.2-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.

59
समर्थित भाषाएं
25+
संबंध प्रकार
111+
API Methods
7
एक्सपोर्ट फॉर्मेट

Licensing & Open Source Credits

PinePaper Studio is built on the shoulders of giants. We are grateful to the maintainers of these open-source projects, without which PinePaper would not exist. Each library is bundled under its original license — please refer to the linked source for full terms.

PinePaper Studio itself

  • Application code Proprietary Freeware
    Free to use; source code is not licensed for redistribution, modification, or forking. See LICENSE and Terms of Service.
  • PinePaper Ontology (pp: vocabulary) CC0 1.0 Public Domain
    The semantic vocabulary and Knowledge Graph are dedicated to the public domain. Use pp: triples in your own canvases, exports, training data, or models with no attribution required. See /ontology/.
  • MCP Server MIT
    The Model Context Protocol server is open source and may be forked, modified, and redistributed. See github.com/pinepaper/mcp-server.
  • PineWidget runtime Embeddable
    The standalone widget player ships unobfuscated and is intended for third-party embedding.
Paper.js MIT
Vector graphics rendering foundation
math.js Apache-2.0
Expression evaluation, ODE solvers, numerical analysis
opentype.js MIT
Font glyph parsing for the Font Studio
planck-js MIT
Box2D physics engine for canvas item simulation
d3-geo ISC
Geographic projections for the Map System
d3-geo-projection ISC
Extended map projections (Robinson, Mollweide, Winkel)
topojson-client ISC
TopoJSON-to-GeoJSON converter for map data
gif.js MIT
Animated GIF export via Web Workers
jsPDF MIT
PDF export with bleed and trim marks
@sentry/browser MIT
Error tracking (production build only)
DOMPurify Apache-2.0 OR MPL-2.0
Cure53's XSS sanitizer — runs on every imported SVG before Paper.js sees it, so a malicious file can't smuggle scripts or event handlers into the editor.
@observablehq/plot ISC
Data visualization scales and transforms for the Chart System
@huggingface/transformers Apache-2.0 Coming soon
Vendored ESM build + ONNX runtime WebAssembly. Will power on-device video understanding (object detection on imported clips) once the feature ships. Listed here for license attribution; not yet wired to any user-visible affordance.
DETR ResNet-50 (q4) Apache-2.0 Coming soon
Facebook AI's DETR object-detection model, q4-quantized for browser inference. Listed here for license attribution; not yet wired to any user-visible affordance.
Qwen2.5-1.5B-Instruct Apache-2.0
Alibaba's Qwen2.5 instruction-tuned LLM. Quantized (q4f16) and run fully on-device via WebGPU to power the PinePaper client AI assistant — prompts never leave your device. A smaller Qwen2.5-0.5B-Instruct (also Apache-2.0) is used as the low-storage fallback.
WebLLM (MLC) Apache-2.0
MLC-AI's in-browser LLM runtime — loads the Qwen2.5 weights and runs inference on WebGPU for the on-device assistant.
LibreTranslate AGPL-3.0 Build-time
Self-hosted machine-translation API used at build time to translate the editor UI, User Guide, and Knowledge Hub into the supported languages. Not bundled or network-served by the app — only its output (the translated text) ships.
Argos Translate MIT Build-time
The open neural translation engine (and open language models) that LibreTranslate runs under the hood for our build-time localization pipeline.

Each linked project's repository carries its own license file. We ship obfuscated production builds so a local node_modules tree isn't in the distribution; we keep this list above and these upstream links current instead. If we have missed attributing a project, please let us know.