Ācimōwin PinePaper Studio

Kā-ōsīhcikēhk ōtākosīhk pimipayiwin masinipayikana: kīkway-mōsāhkinikēpayik, AI-nīkānēyihtamowin, ēkwa kahkiyaw awīyak kā-āpacihtāhk.

Ni-Itēyihtamowin

PinePaper Studio ōma kā-miyohcikēhk pimipayiwin masinipayikan isi-nākwan. Ni-tēpwēwakēyihtēnān maskawāw kīsēhcikēwin apacihcikana namōya pēyakwan kīmiyāhk kīmēw-atāwēwin, maskawāw masinipayikana, ahpō mihcēt askiy kā-kiskēyihtamihk. Ōski āsōkēwin ēkwa AI-nīkān isi-nākwan ohci, ni-miyohcikēnān pimipayiwin masinahikēwina ēkwa masinipayikana kahkiyaw kā-ōsīhcikēhk misiwē askīhk.

Tānēhki Pēyakosiwin

🤖

AI-Nīkān Isi-Nākwan

Kā-ōsīhcikēhk mācipayiwinihk kā-isi-atoskēmikahk AI wīcēhtowin. Ni-misi API pīkiskwēstamāwēw AI āpacihcikēwa kā-ōsīhcikēhk, kā-pimipayihtāhk, ēkwa kā-wayawītisahahk masinipayikana pīkiskwēwinihk.

🎬

MP4 ēkwa GIF Wayawītisahikēwin

Wayawītisaha MP4 (H.264 WebCodecs ohci) Instagram, TikTok, ēkwa LinkedIn ohci. GIF ōsīhta Twitter, Discord, ēkwa ācimōwin ohci. Ēkwa pimipayiwin SVG ēkwa PNG.

⏱️

Kīsikāw ēkwa Kīskinohtahikēwina

Kēhtē kīsikāw kīsēhcikēwin kīskinohtahikēwin pimipayiwina ohci. Kā-ōsīhcikēhk māmawāyāwin kīsikāw tipēyihtamowin ohci, 5 āhcipayiwin atoskēwina, ēkwa itasināstēwin āhcipayiwin.

🌍

Misiwē Askīhk Kēhtē-Itasinahikēwin

52 pīkiskwēwina ēkwa kahkiyaw masinahikēwin isi-itōtamowina Chinese, Arabic, Hindi, Bengali, ēkwa emoji. Kā-ōsīhcikēhk kahkiyaw awīyak ohci, misiwē askīhk.

🚀

Kīkway-Mōsāhkinikēpayik Tipēyihtamowin

Namōya kēkāt āstamitisahikēwin. Atoskēw kahkiyaw apacihcikana ōski kīkway-mōsāhkinikēpayik ohci. Ki-kīsēhcikēwina ōta atoskēwa, kīmōciwin ēkwa sēmāk kiskēyihtamowin.

📋

Kīskinohtahikēwin Masinahikana

Sēmāk mācipayiwin kīskinohtahikēwina ohci. Miyōsin āstēwina, pimipayiwin masinahikēwina, ēkwa kēhtē isi-āstēwina kwayātisiyiwa. Kanawēyihta ki-tipēyicikēwina kīskinohtahikēwina ohci.

🎨

Nīsopēhikan Wāpahtihiwēwin

Miyōsin wāpahtihiwēwin iyiniw kīsēhcikēwa ohci ēkwa maskawāw API AI āpacihcikēwa ēkwa kīsēhcikēwa ohci. Nīso wāpahtihiwēwina, pēyak itēyihtamowin: kā-miyohcikēhk kīsēhcikēwin.

🖨️

Masinahikēwin-Kwayātisiwin Isi-Nākwan

Kēhtē masinahikēwin apacihcikana A3, A4, A5, Letter, Legal, ēkwa Tabloid kīskinohtahikēwina 300 DPI ohci. PDF wayawītisaha bleed ēkwa trim marks ohci, ahpō kēhtē-DPI PNG (600 DPI isko).

v0.4
🦴

Miskāpēhikēwin Oskaniwāw

Oskaniwāw pimipayiwin oskana, FK pimohtēwin, ēkwa FABRIK IK wiyīpayihtāwin ohci. Kanawēyihta ēkwa āhcipayihtā isi-āstēwina, āpacihta kīskinohtahikēwina (iyiniw, nēwosīt, asiskīw), ēkwa kīsikāw kīskinohtahikēwina ohci.

v0.4
🎭

Sīkāhikēwin ēkwa Māmawīhcikēwin

Apacihcikan ēkwa māmawāyāwin sīkāhikēwin isi-itōtamowina 7 kīskinohtahikēwina ohci (ghost, neon, shadow, glow, xray, dreamy, vintage). Pimipayiwin āhcipayiwina, pimipayiwin hover/click isi-itōtamowina, ēkwa cīkēw sīkāhikēwin naskwēwasihēwina.

v0.4
✂️

Manāsōwin ēkwa Kāsōhkātēwin

Pimipayihta pimakāstēwin sīpēkinamowin manāsōwin mēskanawa ohci. Kēhtē kāsōhkātēwin clip/subtract/intersect isi-itōtamowina ohci, kāsōhkātēwin āsiskīwin, pimipayiwin nōkopayiwina (14 kīskinohtahikēwina), ēkwa vertex pimipayiwin.

v0.4
🔗

Ōsīhcikēwin Wīcēhtowina

Ōski wīcēhtowin isi-itōtamowina: driven_by (kā-isi-mākopitēhk), wiggle (pēyāhtik pimipayiwin), ēkwa time_expression (akihtāsowin itakihtāsowina t ohci). Ēkwa pēci-māmawīhcikēwina (precomps) tipēyicikēwin kīsikāw-pimakāstēwina ohci.

v0.4
🌐

Infinite Canvas

Draw anywhere without boundaries. Unbounded canvas mode removes all size restrictions — pan and zoom freely across an infinite workspace.

v0.4
🖌️

Drawing Tools

6 professional drawing tools: pen, ink brush, marker, spray can, eraser, and fill bucket. Each with custom cursors and optimized stroke algorithms.

v0.4
🧊

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.

v0.5
🎛

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.

v0.5
✂

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.

v0.5
📐

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

Level AA conformance, W3C WAI Web Content Accessibility Guidelines 2.1

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.

Āsōkēwin ēkwa Kaskīhtāwin

Kēhtē Āsōkēwin

  • ▹ Paper.js: Vector masinipayikan ēkwa wāpahtihiwēwin
  • ▹ HTML5 Canvas: Ēkwāni pimipayiwin ēkwa wayawītisahikēwin
  • ▹ Vanilla JavaScript: Yōskāw, kisīpīw, namōya kēkāt nitawēyihtam
  • ▹ Timeline Engine: Kīskinohtahikēwin āhcipayiwin ēkwa āhcipayiwin atoskēwina
  • ▹ Rigging Engine: Oskaniwāw pimipayiwin FK/IK wiyīpayihtāwina ēkwa isi-āstēwin āhcipayiwin ohci v0.4
  • ▹ Design Knowledge Graph: Kiskēyihtamowin ontology 25+ wīcēhtowin isi-itōtamowina, 35+ akihtāsowin atoskēwina, ēkwa isi-nākwan askihkwāw 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: Pisci-itōtamowin nōcihcikēwin ēkwa atoskēwin tipahāmātowin

Wayawītisahikēwin Isi-Nākwana

  • ▹ WebM Video: VP9 codec - frame-accurate, best quality for animations
  • ▹ MP4 Video: H.264 WebCodecs API ohci - miyōsin mamāwi-ācimowina ohci
  • ▹ GIF Animation: gif.js Web Workers ohci - miyōsin ācimōwin ohci
  • ▹ PDF for Print: 300 DPI bleed (3-5mm) ēkwa trim marks ohci - kēhtē masinahikēwin
  • ▹ High-DPI PNG: 600 DPI isko kēhtē masinahikēwin miyōsiwin ohci
  • ▹ Animated SVG: Pimipayiwin SVG SMIL ohci
  • ▹ 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

Pimipayiwin Isi-Itōtamowina

Pahkopayiwin ᐙᐢᑲᐏᐸᔨᐤ Rotate Kwāskwēpayiwin ᐙᓇᐦᐃᐸᔨᐤ Wēwēpayiwin Wēwēpiwin Nānapāpayiwin Yōskisiwin Masinahikēpayik Tipēyicikēwin Mēskanawa Kīskinohtahikēwin Pimipayiwin ✨ Manāsōwin Mēskanawa Itakē Pimipayiwin Mēskanawa Mēskanaw Āhcipayiwin 13 Deform Presets 100+ Animation Presets

Isi-Itōtamowin Isi-Nākwan

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 Kihci-Masinipayikan

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 →

Kisīpāw Ōsīhcikēwin

1. Āstamitisaha misiwē:

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

2. Āstē 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. Kocīhta Claude Desktop:

"Ōsīhta mihkwāw pahkopayiwin masinahikēwin kā-itwēhk HELLO" "Askiy kā-wāsakāpayihk pīsim"

Kā-Āpacihtāhk Apacihcikana

  • • Ōsīhta masinahikēwina, isi-nākwana, masinipayikana
  • • Āsta wīcēhtowina (25+ isi-itōtamowina: orbits, follows, wiggle, ēkwa kotaka)
  • • Kīskinohtahikēwin ēkwa kīskinohtahikēwin pimipayiwina
  • • Miskāpēhikēwin oskaniwāw (oskana, IK/FK)
  • • Sīkāhikēwin kīskinohtahikēwina ēkwa āhcipayiwina
  • • Masinipayikana, askīwina, masinahikēwin kīsēhcikēwin
  • • Ōsīhta ōsīhcikēwin āstēwina (14 kīsēhcikēwina)
  • • Vertex deformation (13 presets: fold, twist, wave, etc.)
  • • Wayawītisaha SVG, kiskēyihtamowin kīsēhcikēwin

Kā-Āpacihtāhk AI Āsōkēwina

  • • Claude Desktop
  • • Kahkiyaw MCP-kā-āpacihtāhk āpacihcikēwa
  • • Tipēyicikēwin āsōkēwina API ohci

Isi-Nākwan Kiskēyihtamowin Asāpāp

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.

Ōma ōski isi-itōtamowin pīkiskwēstamāwēw AI āpacihcikēwa ēkwa masinipayikana kā-itēyihtamihk, ēkwa kā-ōsīhcikēhk kēhtē pimipayiwina kā-kanawēyihtamihk kiskēyihtamowin.

Kiskēyihtamowin Masinahikēwina

Isi-Nākwan Kiskēyihtamowin Asāpāp isi-ōsīhcikēwin ōki masinahikēwina ohci:

Kīsēhcikēwa ēkwa AI Āpacihcikēwa Ohci

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

  • • Ōsīhta ēkwa āpacihta masinahikēwina, isi-nākwana, ēkwa SVG apacihcikana
  • • Āpacihta pimipayiwina (9 kīskinohtahikēwina) ēkwa isi-itōtamowina (sparkle, blast)
  • • Ōsīhta kīskinohtahikēwin pimipayiwina kīsikāw tipēyihtamowin ohci
  • • Wayawītisaha MP4, GIF, SVG, ahpō PNG API ohci
  • • Āpacihta wīcēhtowina (orbits, follows, attached_to)
  • • Miskāpēhikē oskaniwāw pimipayiwin ēkwa isi-āstēwin kīskinohtahikēwina ohci v0.4
  • • Ōsīhta pēci-māmawīhcikēwina (precomps) tipēyicikēwin kīsikāw-pimakāstēwina ohci v0.4
  • • Ōsīhta kēhtē atoskēwina ēkwa mihcēt ōsīhcikēwin isi-itōtamowina

Kīskinohtahikēwin API Āpacihcikēwin:

// 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 });

Ni-Wāpahtamowin

Ni-ōsīhcikēnān nistam AI-nīkān pimipayiwin masinipayikan āsōkēwin. Kotaka apacihcikana AI kā-mākopitēhk pēyakwan āhcipayiwin, PinePaper kā-ōsīhcikēhk nistam kīsikāw ohci kā-tipēyihtamihk iyiniwak ēkwa masinipayikana.

Ni-itēyihtamowin ōma kā-miyohcikēhk pimipayiwin masinipayikana pēyakwan wēhcasin masinahikēwin ohci. Cī kīsēhcikēw kā-ōsīhcikēhk tipēyicikēwin ohci, ahpō AI wīcēhtowin kā-wīcihēw āpacihcikēwa pīkiskwēwin ohci, PinePaper miyēw apacihcikana kēhtē pimipayiwin masinipayikana kā-ōsīhcikēhk sēmāk.

✨ Kīkwāy Nīkānihk?

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.

Māmawāyāwin ēkwa Yōhtēw Kīsēhcikēwin

PinePaper Studio wāpahtihiwēw kīsēhcikēwin ni-māmawāyāwin ohci. Ni-miyonākwan kā-wīhtamihk, kā-nitawēyihtamihk, ēkwa kā-wīhtamihk pisci-itōtamowina. Ni-kīsēhcikēwin kā-tipēyihtamihk tapwē āpacihcikēw nitawēyihtamowina ēkwa AI-wīcihiwēwin kīsēhcikēwin.

Pākitiniwin ēkwa Yōhtēw

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.

59
Pīkiskwēwina Kā-Āpacihtāhk
25+
Wīcēhtowin Isi-Itōtamowina
111+
API Methods
7
Wayawītisahikēwin Isi-Nākwana

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
▹
Paperlab Inspiration / reference · Apache-2.0
Referenced for its agent-first, declarative approach to physical paper behaviors, material stocks, surface effects, layouts, and lighting. No Paperlab code is bundled or copied into PinePaper Studio.
▹
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.