Aen Kii Itwaan PinePaper Studio
Ka-oshiihtaapayhk li avniir motion graphics: li navigateur piihchi, AI-native, aekwa kahkiyaw awiiyak ohchi.
Ni Taapahtayimowininaanin
PinePaper Studio ki-oshiihtaapayin ka-miiyaahk kahkiyaw awiiyak motion graphics. Ni-taapwaytaynaan li zootiiy ka-mashkawak aen kriyaayshon namooya ka-apachihtaapayhk li lissaans ka-ataawayhk, li ordinaateur ka-mashkawak, ahpoo mihchayt askiy ka-kishinwahamaakayhk. Ka-mamawaashtaapayhk li teknolozhii web oshki aekwa AI-nikaanashiitaawin, ni-oshiihtaanaan animated text aekwa graphics kahkiyaw li krayyateur ohchi mishiway askiy.
Taanishi Ka-Itishpayiiyaahk
AI-Native Design
Ka-oshiihtaahk ohchi maachipayihk ka-atoshkaamakaahk AI assistants ohchi. Ni-API ki-miyiw AI agents ka-oshiihtaapayhk, ka-ashpayimiwayhk, aekwa ka-wayawiipiitahahk graphics li laangaazh naturel ohchi.
MP4 aekwa GIF Export
Ka-wayawiipiitahahk MP4 video (H.264 ohchi WebCodecs) Instagram, TikTok, aekwa LinkedIn ohchi. Ka-oshiihtaapayhk GIFs Twitter, Discord, aekwa li messaazh ohchi. Aekwa animated SVG aekwa PNG.
Timeline aekwa Li Kaadraazh
Li professionnel timeline editor li kaadraazh ashpayimowiin ohchi. Ka-oshiihtaapayhk li saykaens ka-tipahikaahk li taan, 5 easing functions, aekwa li kooleur nawapahchikaahk.
Mishiway Askiy Ohchi
Ka-wiichayhk 52 li laang aekwa kahkiyaw li sistaam masinahikaahsowiin taapishkooch Chinese, Arabic, Hindi, Bengali, aekwa emoji. Ka-oshiihtaapayhk li kontenu kahkiyaw awiiyak ohchi, piikishkwayihk askiy.
Li Navigateur Li Libartay
Namooya ka-ashtaapayhk. Ka-atoshkaamakaahk piikishkwayihk li navigateur oshki. Ki-kriyaasyon ki-atoshkaamakaanwa kootiihk, ka-kanawaypahchikaapayhk aekwa saymak li rayziiltaa.
Li Template Library
Ka-maachipayihk ki-kriyaativitay li template ka-kayaashtayk ohchi. Li fon miywaashiniw, animated text, aekwa li professionnel layouts ka-kwayaashk ka-aashtoshkaapayhk. Ka-kanawaypahchikaapayhk ki-kriyaasyon li template ohchi.
Niisho Li Intairfaes
Li intairfaes ka-wiihtamaakayhk li krayyateur aekwa li API ka-mashkawak AI agents aekwa developers ohchi. Niisho li intairfaes, payshik li mishon: ka-wiichayhk kriyaativitay.
Li Print Ka-Kwayaashk
Ka-oshiihtaapayhk li professionnel print A3, A4, A5, Letter, Legal, aekwa Tabloid 300 DPI ohchi. Ka-wayawiipiitahahk PDF bleed aekwa trim marks ohchi, ahpoo high-DPI PNG (600 DPI) li komairsyal print ohchi.
Li Zos Rigging
Li zos ashpayimowiin li nohkaan, FK propagation, aekwa FABRIK IK solver ohchi. Ka-kanawaypahchikaapayhk aekwa ka-nawapahchikaapayhk li poz, ka-apachihtaapayhk li rig (humanoid, quadruped, spider), aekwa ka-paminikaahk timeline keyframes ohchi.
Li Blend aekwa Compositing
Li blend modes payshik-payshik aekwa li groop 7 presets ohchi (ghost, neon, shadow, glow, xray, dreamy, vintage). Animated transitions, interactive hover/click modes, aekwa proximity-based blend reactions.
Trim Paths aekwa Masking
Ka-ashpayimihk stroke drawing trim paths ohchi "line draw" effects ohchi. Advanced masking clip/subtract/intersect modes ohchi, mask stacking, animated reveals (14 presets), aekwa vertex animation.
Li Raylasyon Procedural
Oshki li raylasyon: driven_by (property linking), wiggle (procedural noise), aekwa time_expression (li akihtaashowiin t ohchi). Aekwa nested compositions (precomps) independent local timelines ohchi.
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.
Li Teknolozhii aekwa Li Kashkiitaawin
Li Teknolozhii Core
- ▹ Paper.js: Vector graphics ka-aashtoshkaapayhk aekwa ka-waapahtiweyhk
- ▹ HTML5 Canvas: Li taan piihchi ashpayimowiin aekwa export
- ▹ Vanilla JavaScript: Ka-yaahkwaaw, ka-kishiipayihk, namooya li daypaendaans
- ▹ Li Maashiin Timeline: Li kaadraazh nawapahchikaahk easing functions ohchi
- ▹ Li Maashiin Rigging: Li zos ashpayimowiin FK/IK solvers aekwa poz nawapahchikaahk ohchi v0.4
- ▹ Design Knowledge Graph: Li ontolozhi 25+ li raylasyon, 35+ li akihtaashowiin, aekwa li taaip hierarchy 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: Ka-nashpitoonikaahk li error aekwa li performaans
Li Format Export
- ▹ WebM Video: VP9 codec - frame-accurate, best quality for animations
- ▹ MP4 Video: H.264 ohchi WebCodecs API - miywaashin li meedia sosyal ohchi
- ▹ GIF Animation: Ohchi gif.js Web Workers - miywaashin li messaazh ohchi
- ▹ PDF Li Print: 300 DPI bleed (3-5mm) aekwa trim marks ohchi - li professionnel print
- ▹ High-DPI PNG: 600 DPI li komairsyal print ohchi
- ▹ Animated SVG: Native SVG ashpayimowiin SMIL ohchi
- ▹ 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
Li Ashpayimowiin
Li Effect Sistaam
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 Server
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.
Ka-Kishiipayihk Ka-Ashtaapayhk
1. Ka-ashtaapayhk mishiway:
npm install -g @pinepaper.studio/mcp-server
2. Ka-ashtaapayhk Claude Desktop config piihchi:
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. Ka-kospiitahahk Claude Desktop piihchi:
Li Zootiiy Ka-Ayaahk
- Ka-oshiihtaapayhk text, shapes, graphics
- Ka-ashtaapayhk li raylasyon (25+ taaip: orbits, follows, wiggle, aekwa kotak)
- Li kaadraazh aekwa preset ashpayimowiin
- Li zos rigging (skeletons, bones, IK/FK)
- Li blend presets aekwa transitions
- Li dyagram, li kart, li font ka-oshiihtaapayhk
- Ka-oshiihtaapayhk procedural backgrounds (14 generators)
- • Vertex deformation (13 presets: fold, twist, wave, etc.)
- Ka-wayawiipiitahahk SVG, training data
Li Plat-Form AI Ka-Wiichayhk
- Claude Desktop
- Piikishkwayihk MCP-compatible client
- Li intaygraasyon ka-nawashonihk API ohchi
Design Knowledge Graph
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.
Awa oshki approach ki-miyiw AI agents ka-mamitoniihtamihk complex ashpayimowiin aekwa structural raylasyon, ka-oshiihtaapayhk sophisticated motion graphics ka-kanawaypahchikaapayhk semantic consistency.
Li Raysairsh Ka-Atributayk
Li Design Knowledge Graph architecture ki-ohchipayiw aayaanchi li raysairsh peer-reviewed papers ohchi:
-
📄
Design Method Knowledge Graph Driven by Multi-Source Heterogeneous Data Li Siyaans Aplike, 2025 Ka-waapahtiweyhk taanishi knowledge graphs ki-otihtinamwak design method raylasyon heterogeneous sources ohchi — li fondaasyon ni-semantic relation system ohchi.
-
📄
Using Large Language Models to Tackle Fundamental Challenges in Graph Learning arXiv, 2025 Li survey LLM approaches graph learning problems ohchi — ka-wiihtamaakayhk taanishi ni-MCP tools ki-waapahtiweyhk graph structure AI agents ohchi.
-
📄
LLM-Empowered Knowledge Graph Construction: A Survey arXiv, 2025 Li survey mishiway LLM-driven KG construction ohchi — li methodology ni-automated design graph extraction ohchi.
Li Developers aekwa AI Agents Ohchi
PinePaper exposes a comprehensive global API (window.PinePaper)
that enables programmatic control of the entire application. AI assistants and developers can:
- • Ka-oshiihtaapayhk aekwa ka-aashtoshkaapayhk text, shapes, aekwa imported SVG elements
- • Ka-ashtaapayhk ashpayimowiin (9 presets) aekwa effects (sparkle, blast)
- • Ka-oshiihtaapayhk li kaadraazh ashpayimowiin timeline control ohchi
- • Ka-wayawiipiitahahk MP4, GIF, SVG, ahpoo PNG API ohchi
- • Ka-apachihtaapayhk declarative raylasyon (orbits, follows, attached_to)
- • Ka-rig li personaazh li zos ashpayimowiin aekwa poz keyframes ohchi v0.4
- • Ka-oshiihtaapayhk nested compositions (precomps) local timelines ohchi v0.4
- • Ka-oshiihtaapayhk automated workflows aekwa batch processing systems
API Ka-Apachihtaapayhk Li Eksaampl:
// 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 Waapahchikaywinininaanin
Ni-oshiihtaanaan li nikaanashihk taapway AI-native motion graphics platform. Li otr zootiiy ki-ashtaawak AI ka-mamitoniihtamihk apray, PinePaper ki-oshiihtaapayin ohchi li prumyay zhoor ka-tipahikaahk awiiyak aekwa li maashiin ohchi.
Ni-taapahtayimowiininaanin ka-oshiihtaapayhk motion graphics taapishkooch ka-masinahikaahk. Aen kayaash kiiya aen designer ka-oshiihtaayihk kootiihk, ahpoo aen AI assistant ka-wiichihaat awiiyak li laangaazh naturel ohchi, PinePaper ki-miyiw li zootiiy ka-oshiihtaapayhk li professionnel animated graphics.
✨ Taanishi Ka-Ishtayihk Maashkooch?
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.
Li Kominotay aekwa Open Development
PinePaper Studio ki-oshiihtaapayin shaapootowiin li kominotay ohchi. Ni-naahtawayhitaanaan feedback, feature requests, aekwa bug reports. Ni-development ki-paminikaaw li taan awiiyak ka-apachihtaahk aekwa AI-assisted creativity ka-aashtoshkaahk.
Li Liibr aekwa Open
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.