Aqnutmaqn PinePaper Studio
Kisa'tu otehi pimkatewe wetkewikna: wutapekn-wet, AI-kenuk, gaye msit wen apoqnmasu.
Nteli'tasikl
PinePaper Studio ula kisa'tu pimkatewe wetkewikn na'kuekl. Tepwe'tasikl melki kisa'tu apoqnmasutikl mu newteji miyaskl kmu'j-ata'wewikn, melki wutapekna, gaye piamikl wskitqamu pkwateknl. Oski azhesidoon gaye AI-kenuk na'kuekl wet, kisa'tu pimkatewe wi'kasikna gaye wetkewikna msit kisa'tu misiwekamig.
Koqoey Pejilikl
AI-Kenuk Na'kuekl
Kisa'tu pujitasikl wet ankoqi'tmikl AI wijiati. Msit API naqa'lk AI apoqnmasutikl kisa'tu, pimkatewe, gaye elkimkn wetkewikna uqausikl wet.
MP4 gaye GIF Elkimkn
Elkimkn MP4 (H.264 WebCodecs wet) Instagram, TikTok, gaye LinkedIn wet. GIF kisa'tu Twitter, Discord, gaye aqnutmaqn wet. Gaye pimkatewe SVG gaye PNG.
Tepqan gaye Kinuatikna
Msit tepqan kisa'tu kinuatikn pimkatewna wet. Kisa'tu mawio'mi tepqan tepitasikl wet, 5 asimti lukuatikna, gaye menaqi asimti.
Misiwekamig Msit-Lukowti'kw
52 ilsutkewna gaye msit wi'kasikl lukowti'kwa Chinese, Arabic, Hindi, Bengali, gaye emoji. Kisa'tu msit wen wet, misiwekamig.
Wutapekn-Wet Tepitasikl
Mu koqoey pitkwelkn. Lukutikl msit apoqnmasutikl oski wutapekn wet. Kikisa'tuna ula lukutikl, kmujie'kn gaye siqnaq pkwatekn.
Kinuatikn Wi'kasikna
Siqnaq pujitasikl kinuatikna wet. Minu natasitn, pimkatewe wi'kasikna, gaye msit na'kuekla wesua'tasikla. Knewa'tl kitepitasikla kinuatikna wet.
Tapu Kekinua'tasikl
Minu kekinua'tasikl l'nu kisa'tu wet gaye melki API AI apoqnmasutikl gaye kisa'tu wet. Tapu kekinua'tasikla, newteji telitasikl: kisa'tu lukowti'kw.
Wi'kasikl-Wesua'tasikl Na'kuekl
Msit wi'kasikl apoqnmasutikl A3, A4, A5, Letter, Legal, gaye Tabloid kinuatikna 300 DPI wet. PDF elkimkn bleed gaye trim marks wet, gaye msit-DPI PNG (600 DPI ika).
Waqnaqn Kisa'tu
Waqnaqn pimkatewe waqna, FK pimkatewe, gaye FABRIK IK kisita'sin wet. Knewa'tl gaye asimti na'kuekla, apoqnmasu kinuatikna (l'nu, newtapiksikl-kisite, asiskew), gaye tepqan kinuatikna wet.
Awsimkewikn gaye Mawio'mi
Apoqnmasuti gaye mawio'mi awsimkewikn lukowti'kwa 7 kinuatikna wet (ghost, neon, shadow, glow, xray, dreamy, vintage). Pimkatewe asimtikl, pimkatewe hover/click lukowti'kwa, gaye eqwa awsimkewikn ankweia'lk.
Manaqtasikl gaye Kmujie'k
Pimkatewe pimkatel wi'kasikl manaqtasikl awtiikl wet. Msit kmujie'k clip/subtract/intersect lukowti'kwa wet, kmujie'k asiki, pimkatewe nukuekla (14 kinuatikna), gaye vertex pimkatewe.
Kisa'tu Wijiatikl
Oski wijiati lukowti'kwa: driven_by (maqa'qal), wiggle (wanaqipimkatel pimkatewe), gaye time_expression (aknutasikl t wet). Gaye pitkweya-mawio'mi (precomps) tepitasikl tepqan-pimkatela wet.
Infinite Canvas
Draw anywhere without boundaries. Unbounded canvas mode removes all size restrictions — pan and zoom freely across an infinite workspace.
Drawing Tools
6 professional drawing tools: pen, ink brush, marker, spray can, eraser, and fill bucket. Each with custom cursors and optimized stroke algorithms.
Perspective Rendering
Project primitives (cube, sphere, cylinder, torus, cone) onto the canvas with 5 projection types. GPU-accelerated rendering (WebGPU/WebGL2), orbital camera, and selectable & draggable perspective objects.
GPU Image Filters
Real-time image processing powered by WebGPU compute shaders with WebGL2 fallback. HSL adjustment, brightness, contrast, posterize, edge detection, color tint, vignette, blur, and filter chaining in a single GPU pass.
Image Segmentation
Freehand lasso tool to select and extract image regions at full native resolution. 8 cutout style presets (papercut, postcard, sticker, poster, mono, sketch, warm, cool) combine GPU filters with shadow effects.
Math & Science Engine
Numerical computing powered by math.js — ODE solvers (RK4/RK45), FFT spectrum analysis, function plotting, parametric curves, dynamic system simulation, and parametric surfaces in perspective. Real math, animated on canvas.
Compliance & Trust
WCAG 2.1 AA
Accessibility shadow tree for screen reader canvas navigation. Keyboard navigation, live region announcements, skip links, contrast auditing, and motion sensitivity checks. Uses pp:PinePaper ontology for semantic item descriptions.
Security Headers
HSTS with preload, Content Security Policy, X-Frame-Options, X-Content-Type-Options, Permissions-Policy. No camera, microphone, geolocation, or payment API access. Frame-ancestors restricted.
Privacy by Design
100% client-side processing. No server uploads, no cookies, no user data collection. All designs stay in your browser. Export locally — nothing leaves your device unless you choose to share.
Azhesidoon gaye Kaskita'sikl
Msit Azhesidoon
- ▹ Paper.js: Vector wetkewikn gaye kekinua'tasikl
- ▹ HTML5 Canvas: Siqnaq pimkatewe gaye elkimkn
- ▹ Vanilla JavaScript: Kna'qitl, kisipekl, mu koqoey nutasuti
- ▹ Timeline Engine: Kinuatikn asimti gaye asimti lukuatikna
- ▹ Rigging Engine: Waqnaqn pimkatewe FK/IK kisita'sina gaye na'kuekl asimti wet v0.4
- ▹ Design Knowledge Graph: Pkwatekn ontology 25+ wijiati lukowti'kwa, 35+ aknutasikl lukuatikna, gaye na'kuekl wskitqamu v0.4
- ▹ Rust/WASM Runtime: Optional WebAssembly acceleration for widget computation — 10-100x faster relation processing, no GC pauses. Falls back to JS when WASM isn't available v0.5
- ▹ pp:PinePaper Ontology: 55-token semantic vocabulary (items, relations, animations, masks, generators) — the language of PinePaper animations. Embedded in every exported widget v0.5
- ▹ Sentry: Wejkwatasikl ankua'lkn gaye lukuatikn tepluatasikl
Elkimkn Na'kuekla
- ▹ WebM Video: VP9 codec - frame-accurate, best quality for animations
- ▹ MP4 Video: H.264 WebCodecs API wet - minu wikuom-aqa'qi'wet wet
- ▹ GIF Animation: gif.js Web Workers wet - minu aqnutmaqn wet
- ▹ PDF for Print: 300 DPI bleed (3-5mm) gaye trim marks wet - msit wi'kasikl
- ▹ High-DPI PNG: 600 DPI ika msit wi'kasikl minu wet
- ▹ Animated SVG: Pimkatewe SVG SMIL wet
- ▹ Interactive Widget: Self-contained HTML with scene-specific tree-shaken code (~8-20KB). WASM-accelerated when available. Embed anywhere — no CDN, no API, no dependencies v0.5
- ▹ Lottie JSON: Industry-standard animation format. Auto-bakes procedural animations into native keyframes for any Lottie player v0.4
Pimkatewe Lukowti'kwa
Lukowti'kw Na'kuekl
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 Msit-Wutapekn
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.
Siqnaq Kisa'tu
1. Pitkwela'tu misiwekamig:
npm install -g @pinepaper.studio/mcp-server
2. Ilaji 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. Kocita'su Claude Desktop:
Ka-Apoqnmasutikl
- • Kisa'tu wi'kasikna, na'kuekla, wetkewikna
- • Ilaji wijiatikl (25+ lukowti'kwa: orbits, follows, wiggle, gaye kotak)
- • Kinuatikn gaye kinuatikn pimkatewna
- • Waqnaqn kisa'tu (waqna, IK/FK)
- • Awsimkewikn kinuatikna gaye asimtikl
- • Wetkewikna, wskitqamu, wi'kasikl kisa'tu
- • Kisa'tu kisa'tu natasitna (14 lukuatikna)
- • Vertex deformation (13 presets: fold, twist, wave, etc.)
- • Elkimkn SVG, pkwatekn kisa'tu
Ka-Apoqnmasutikl AI Azhesidoon
- • Claude Desktop
- • Msit MCP-apoqnmasutikl
- • Tepitasikl azhesidoona API wet
Na'kuekl Pkwatekn Apuktewikn
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.
Ula oski lukowti'kw naqa'lk AI apoqnmasutikl telitasikl msit pimkatewna gaye na'kuekl wijiati, kisa'tu msit pimkatewe wetkewikna knewa'tl pkwatekn.
Pkwatekn Wi'kasikna
Na'kuekl Pkwatekn Apuktewikn lukowti'kw ula wi'kasikna wet:
-
📄
Design Method Knowledge Graph Driven by Multi-Source Heterogeneous Data Applied Sciences, 2025 Kekinua'tikl teli pkwatekn apuktewikna eltasikl na'kuekl lukowti'kw wijiati — ula wet kenuk wijiati lukowti'kw.
-
📄
Using Large Language Models to Tackle Fundamental Challenges in Graph Learning arXiv, 2025 LLM lukowti'kw apuktewikn pkwatekn — pkwatekn teli MCP apoqnmasutikl kekinua'tikl apuktewikn.
-
📄
LLM-Empowered Knowledge Graph Construction: A Survey arXiv, 2025 Msit pkwatekn LLM-kisa'tu KG — lukowti'kw wet mawio'mikl na'kuekl apuktewikn.
Kisa'tu gaye AI Apoqnmasutikl Wet
PinePaper exposes a comprehensive global API (window.PinePaper)
that enables programmatic control of the entire application. AI assistants and developers can:
- • Kisa'tu gaye apoqnmasu wi'kasikna, na'kuekla, gaye SVG apoqnmasutikl
- • Apoqnmasu pimkatewna (9 kinuatikna) gaye lukowti'kwa (sparkle, blast)
- • Kisa'tu kinuatikn pimkatewna tepqan tepitasikl wet
- • Elkimkn MP4, GIF, SVG, gaye PNG API wet
- • Apoqnmasu wijiatikl (orbits, follows, attached_to)
- • Kisa'tu waqnaqn pimkatewe gaye na'kuekl kinuatikna wet v0.4
- • Kisa'tu pitkweya-mawio'mi (precomps) tepitasikl tepqan-pimkatela wet v0.4
- • Kisa'tu msit lukuatikna gaye piamikl kisa'tu lukowti'kwa
Kinuatikn API Apoqnmasuti:
// 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 });
Nankaptekn
Kisa'tu kenuk AI-kenuk pimkatewe wetkewikn azhesidoon. Kotak apoqnmasutikl AI maqa'qal newteji asimti, PinePaper kisa'tu kenuk tepqan wet tepitasikl l'nuk gaye wutapekna.
Ntelitasikl ula kisa'tu pimkatewe wetkewikna newteji kna'qitl wi'kasikl wet. Kisi kisa'tu tepitasikl wet, gaye AI wijiati wiqa'lk apoqnmasutikl uqausikl wet, PinePaper miyikl apoqnmasutikl msit pimkatewe wetkewikna kisa'tu siqnaq.
✨ Koqoey Kenuk?
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.
Mawio'mi gaye Pantato'q Kisa'tu
PinePaper Studio kekinua'tikl kisa'tu nmawio'mi wet. Nminu'tu tepluatasutikl, apoqnmasuti nutasutikl, gaye wejkwatasikl tepluatasutikl. Nkisa'tu tepitasikl tapwe apoqnmasu nutasutikla gaye AI-wiqa'lk kisa'tu.
Ignikn gaye Pantato'q
PinePaper Studio is Freeware v1.0 (currently v0.5.4-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.
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 FreewareFree 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 DomainThe 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 MITThe Model Context Protocol server is open source and may be forked, modified, and redistributed. See github.com/pinepaper/mcp-server.
-
▹
PineWidget runtime EmbeddableThe standalone widget player ships unobfuscated and is intended for third-party embedding.
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.