PinePaper Studio بابت

موشن گرافڪس جو مستقبل ٺاهي رهيا آهيون: برائوزر تي ٻڌل، AI-اصلي، ۽ سڀني لاءِ دستياب.

اسان جو مقصد

PinePaper Studio موشن گرافڪس ڊزائن کي جمهوري بڻائي رهيو آهي. طاقتور تخليقي اوزارن کي مهانگي لائسنس جي ضرورت نه هجڻ گهرجي.

اسان کي مختلف ڇا بڻائي ٿو

🤖

AI-اصلي ڊزائن

AI مددگارن سان سڌو ڪم ڪرڻ لاءِ بنياد کان ٺاهيو ويو.

🎬

MP4 ۽ GIF برآمد

Instagram، TikTok، YouTube لاءِ MP4 وڊيو برآمد ڪريو. پيغامن لاءِ GIF اينيميشن.

⏱️

ٽائم لائن ۽ ڪي فريمز

ڪي فريم بنياد تي اينيميشن سان پروفيشنل ٽائم لائن ايڊيٽر.

🌍

ڊفالٽ طور عالمي

59 ٻولين ۽ سڀني لکڻي سسٽمن لاءِ مدد. ڪنهن به سامعين لاءِ مواد ٺاهيو.

🚀

برائوزر جي آزادي

ڪا تنصيب جي ضرورت ناهي. جديد برائوزر وارو ڪو به ڊوائيس تي ڪم ڪري ٿو.

📋

ٽيمپليٽ لائبريري

تيار ڪيل ٽيمپليٽن سان شروع ڪريو. سوشل ميڊيا، ڪاروبار، ۽ تعليم لاءِ.

🎨

ٻيهري انٽرفيس

انساني ڊزائنرن لاءِ سادو UI ۽ AI ايجنٽن لاءِ طاقتور API.

🖨️

پرنٽ لاءِ تيار ڊزائن

A3، A4، A5، Letter، Tabloid سان پروفيشنل پرنٽ مواد ٺاهيو. DPI 300-600.

v0.4
🦴

ڪردار ريگنگ

هڏن سان ڍنڊي اينيميشن، FK پکيڙ، ۽ FABRIK IK سولور.

v0.4
🎭

بلينڊنگ ۽ ڪمپوزٽنگ

هر شئي ۽ هر گروپ بلينڊ موڊ 7 پريسيٽن سان.

v0.4
✂️

ٽرم پاٿ ۽ ماسڪنگ

لائن ڊرائنگ اثر لاءِ ٽرم پاٿ سان اسٽروڪ ڊرائنگ کي اينيميٽ ڪريو.

v0.4
🔗

پروسيجرل تعلقات

نوان تعلق جا قسم: driven_by، wiggle، time_expression.

v0.4
🌐

لامحدود ڪينواس

حدن کانسواءِ ڪٿي به ٺاهيو. لامحدود ڪينواس سائيز حدون ختم ڪري ٿو.

v0.4
🖌️

ڊرائنگ اوزار

6 پروفيشنل ڊرائنگ اوزار: قلم، انڪ برش، مارڪر، اسپري، لائيٽ، ۽ ايريزر.

v0.4
🧊

نظرياتي رينڊرنگ

بنيادي شڪلون (ڪيوب، ڪُرو، سلنڊر، ٽورس، ڪون) کي 5 قسمن جي نظرياتي سان ڪينواس تي ڏيکاريو.

v0.5
🎛

GPU تصوير فلٽر

WebGPU ڪمپيوٽ شيڊرز سان ريئل ٽائم تصوير پروسيسنگ.

v0.5

تصوير سيگمينٽيشن

تصوير جي حصن کي چونڊڻ ۽ ڪڍڻ لاءِ فري هينڊ لاسو اوزار.

v0.5
📐

رياضي ۽ سائنس انجن

math.js سان عددي ڪمپيوٽنگ — ODE سولورز (RK4/RK45)، FFT، ۽ متحرڪ سسٽم سميوليشن.

تعميل ۽ اعتماد

Level AA conformance, W3C WAI Web Content Accessibility Guidelines 2.1

WCAG 2.1 AA

ڪينواس اسڪرين ريڊر لاءِ رسائي شيڊو ٽري. ڪيبورڊ نيويگيشن.

🔒

سيڪيورٽي هيڊرز

HSTS preload سان، Content Security Policy، X-Frame-Options.

👁

فن تعمير ذريعي رازداري

100% ڪلائنٽ-سائيڊ پروسيسنگ. ڪا سرور اپ لوڊ ناهي، ڪوڪيز ناهي، ٽريڪنگ ناهي.

ٽيڪنالاجي ۽ صلاحيتون

بنيادي ٽيڪنالاجي

  • Paper.js: ويڪٽر گرافڪس جي هينڊلنگ ۽ رينڊرنگ
  • HTML5 Canvas: ريئل ٽائم اينيميشن ۽ برآمد
  • Vanilla JavaScript: هلڪو، تيز، بغير انحصار
  • Timeline Engine: ايزنگ فنڪشنز سان ڪي فريم انٽرپوليشن
  • Rigging Engine: FK/IK سولورز ۽ پوز انٽرپوليشن سان اسڪيليٽل اينيميشن v0.4
  • Design Knowledge Graph: 25+ تعلق جا قسم، 35+ رياضياتي فنڪشنز سان سيمانٽڪ آنٽالوجي v0.4
  • Rust/WASM Runtime: اختياري WebAssembly تيزي — 10-100x تيز لاڳاپا پروسيسنگ v0.5
  • pp:PinePaper Ontology: 55-ٽوڪن سيمانٽڪ ذخيرو — PinePaper اينيميشن جي ٻولي v0.5
  • Sentry: غلطين جي ٽريڪنگ ۽ ڪارڪردگي جي نگراني

برآمد فارميٽ

  • WebM Video: VP9 ڪوڊيڪ - اينيميشنز لاءِ بهترين معيار
  • MP4 Video: H.264 WebCodecs API ذريعي - سوشل ميڊيا لاءِ
  • GIF Animation: gif.js ويب ورڪرز ذريعي - پيغامن لاءِ بهترين
  • PDF for Print: 300 DPI بليڊ (3-5mm) ۽ ٽرم مارڪ سان - پروفيشنل پرنٽنگ
  • High-DPI PNG: ڪمرشل پرنٽ معيار لاءِ 600 DPI تائين
  • Animated SVG: SMIL سان اصلي SVG اينيميشنز
  • Interactive Widget: خودمختار HTML (~8-20KB). WASM تيزي. ڪٿي به لڳايو v0.5
  • Lottie JSON: صنعتي معيار اينيميشن فارميٽ. پروسيجرل اينيميشنز کي خودڪار طور اصلي ڪي فريمز ۾ بدلائي ٿو v0.4

اينيميشن جا قسم

Pulse Rotate Bounce Fade Wobble Swing Shake Jelly ٽائپ رائيٽر Custom Paths Keyframe Animation ✨ Trim Paths Spatial Motion Paths Path Morphing 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:

Pair MCP with the official Claude Skill

The Skill teaches Claude when to reach for PinePaper and how to drive it correctly. Install once and ask in plain English — "animate this logo", "make a pulsing LIVE badge" — and Claude routes through PinePaper instead of generating HTML/CSS.

Skill docs →

جلدي سيٽ اپ

1. عالمي طور تي انسٽال ڪريو:

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

2. Claude Desktop ترتيب ۾ شامل ڪريو:

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. Claude Desktop ۾ آزمايو:

"ڳاڙهو ڌڙڪندڙ ٽيڪسٽ ٺاهيو جيڪو HELLO چوي" "زمين کي سج جي چوڌاري گهمايو"

دستياب اوزار

  • • ٽيڪسٽ، شڪلون، گرافڪس ٺاهيو
  • • تعلقات شامل ڪريو (25+ قسم: orbits، follows، wiggle وغيره)
  • • ڪي فريم ۽ پريسيٽ اينيميشنز
  • • ڪردار ريگنگ (اسڪيليٽن، هڏا، IK/FK)
  • • بلينڊنگ پريسيٽ ۽ ٽرانزيشنز
  • • ڊائيگرامز، نقشا، فونٽ ٺاهڻ
  • • پروسيجرل پس منظر ٺاهيو (14 جنريٽر)
  • • Vertex deformation (13 presets: fold, twist, wave, etc.)
  • • SVG، ٽريننگ ڊيٽا برآمد ڪريو

سپورٽ ٿيل AI پليٽ فارم

  • • Claude Desktop
  • • ڪو به 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 پريسيٽ) ۽ اثر (sparkle، blast) لاڳو ڪريو
  • ٽائم لائن ڪنٽرول سان ڪي فريم اينيميشنز ٺاهيو
  • API ذريعي MP4، GIF، SVG، يا PNG ڏانهن برآمد ڪريو
  • اعلانياتي تعلقات استعمال ڪريو (orbits، follows، attached_to)
  • اسڪيليٽل اينيميشن ۽ پوز ڪي فريمز سان ڪردار ريگ ڪريو v0.4
  • مقامي ٽائم لائنز سان نيسٽيڊ ڪمپوزيشنز (precomps) ٺاهيو 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-اصلي موشن گرافڪس پليٽ فارم ٺاهي رهيا آهيون.

اسان جو مقصد موشن گرافڪس کي متن لکڻ وانگر آسان بڻائڻ آهي.

اڳيان ڇا آهي؟

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 اسان جي ڪميونٽي سان شفاف طور تيار ڪيو ويندو آهي.

مفت ۽ کليل

PinePaper Studio is Freeware v1.0 (currently v0.5.3-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
Vendored browser ESM build + ONNX runtime WebAssembly. Powers PinePaper's on-device object detection (the "Detect objects" / open-vocabulary "Find" features) — inference runs on your GPU (WebGPU) or CPU; the image never leaves your device.
DETR ResNet-50 Apache-2.0
Meta AI's DETR object-detection model (80 COCO classes). Runs in the browser via transformers.js (fp16 on WebGPU, q8 on CPU) behind the "Detect objects" button — finds objects in an image so you can label, relate, or composite onto them.
OWL-ViT (base-patch32) Apache-2.0
Google Research's open-vocabulary detector — finds anything you describe in text, not just fixed classes. Powers the "Find" feature's AI fallback (zero-shot detection inside a photo). Large model (~150 MB), so it's strictly opt-in and downloads once on first use; runs fully on-device.
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.