Kuhusu PinePaper Studio

Kujenga mustakabali wa michoro ya mwendo: inayotegemea kivinjari, ya asili ya AI, na inayopatikana kwa kila mtu.

Dhamira Yetu

PinePaper Studio inademokrasia muundo wa michoro ya mwendo. Tunaamini zana zenye nguvu za ubunifu hazipaswi kuhitaji leseni za programu ghali, kompyuta zenye nguvu, au miaka ya mafunzo.

Kinachotufanya Tofauti

🤖

Muundo wa Asili wa AI

Imejengwa kutoka mwanzo kufanya kazi vizuri na wasaidizi wa AI. Msimbo wetu unaeleweka na Claude, ChatGPT, na mawakala wengine wa AI.

🎬

Kuhamisha MP4 na GIF

Hamisha kwa video ya MP4 (H.264 kupitia WebCodecs) kwa Instagram, TikTok, YouTube. Uhuishaji wa GIF kwa ujumbe. Picha za PNG kwa uchapishaji.

⏱️

Ratiba na Neno-muhimu

Mhariri wa ratiba ya kitaalamu na uhuishaji wa msingi wa neno-muhimu. Ubadilishaji wa rangi, njia za mwendo wa anga, na mabadiliko ya gradient.

🌍

Kimataifa kwa Chaguo-msingi

Inasaidia lugha 59 na mifumo yote ya uandishi ikijumuisha Kichina, Kiarabu, Kihindi, na emoji. Unda maudhui kwa hadhira yoyote.

🚀

Uhuru wa Kivinjari

Hakuna usakinishaji unaohitajika. Inafanya kazi kwenye kifaa chochote chenye kivinjari cha kisasa. Data yako haiiondoki kwenye mashine yako.

📋

Maktaba ya Violezo

Anza ubunifu wako na violezo vilivyoundwa awali. Violezo vilivyoundwa kwa uzuri kwa mitandao ya kijamii, biashara, na elimu.

🎨

Kiolesura Mbili

UI rahisi kwa wabunifu wa binadamu na API yenye nguvu kwa mawakala wa AI. Zote mbili zinashiriki mfumo mmoja wa uhuishaji na mfumo wa mahusiano.

🖨️

Muundo Tayari kwa Kuchapisha

Tengeneza vifaa vya kuchapisha kitaalamu kwa A3, A4, A5, Letter, Tabloid. DPI 300-600 na bleed.

v0.4
🦴

Kuunda Mhusika

Uhuishaji wa mifupa na mifupa, uenezaji wa FK, na visuluhishi vya FABRIK IK. Pozi na neno-muhimu.

v0.4
🎭

Mchanganyiko na Uundaji

Aina za mchanganyiko wa kila kipengele na kwa kila kikundi zilizo na mipangilio 7 (ghost, neon, shadow, vintage, holographic, duotone, silhouette).

v0.4
✂️

Njia za Kukata na Barakoa

Huisha michoro ya kiharusi kwa njia za kukata kwa athari za kuchora mstari. Mipangilio 14 ya barakoa na hali za kukata/kutoa.

v0.4
🔗

Mahusiano ya Kiutaratibu

Aina mpya za mahusiano: driven_by (kuunganisha mali), wiggle (kelele ya kiutaratibu), time_expression (maneno ya hisabati).

v0.4
🌐

Turubai Isiyo na Kikomo

Chora popote bila mipaka. Hali ya turubai isiyo na kikomo inaondoa mipaka ya ukubwa wa kawaida.

v0.4
🖌️

Zana za Kuchora

Zana 6 za kuchora kitaalamu: kalamu, brashi ya wino, alama, rangi ya kunyunyizia, kalamu ya mwanga, na kifutio.

v0.4
🧊

Uonyeshaji wa Mtazamo

Onyesha misingi (mchemraba, tufe, silinda, torasi, koni) kwenye turubai kwa makadirio 5 ya aina. Inayoharakishwa na GPU kupitia mabadiliko ya CSS perspective.

v0.5
🎛

Vichujio vya Picha vya GPU

Usindikaji wa picha kwa wakati halisi unaotumia WebGPU compute shaders na WebGL2 kama mbadala.

v0.5

Ugawaji wa Picha

Zana ya lasso ya mkono huru kuchagua na kuchimba maeneo ya picha kwa usahihi wa kiwango cha pikseli.

v0.5
📐

Injini ya Hesabu na Sayansi

Kompyuta ya nambari inayotumia math.js — visuluhishi vya ODE (RK4/RK45), FFT, na uigaji wa mifumo ya nguvu.

Uzingatiaji na Uaminifu

Level AA conformance, W3C WAI Web Content Accessibility Guidelines 2.1

WCAG 2.1 AA

Mti wa ufikivu wa kivuli kwa usomaji wa skrini wa turubai. Utumaji wa neno-muhimu. Mtego wa mkusanyiko wa modal.

🔒

Vichwa vya Usalama

HSTS na preload, Sera ya Usalama wa Maudhui, X-Frame-Options, na vichwa vya usalama.

👁

Faragha kwa Muundo

Usindikaji wa 100% upande wa mteja. Hakuna kupakia kwa seva, hakuna vidakuzi, hakuna ufuatiliaji. Data yako haiiondoki kwenye kifaa chako.

Teknolojia na Uwezo

Teknolojia Msingi

  • Paper.js: Ushughulikiaji na uonyeshaji wa michoro ya vector
  • HTML5 Canvas: Uhuishaji wa wakati halisi na kuhamisha
  • Vanilla JavaScript: Nyepesi, haraka, bila utegemezi
  • Timeline Engine: Ubadilishaji wa neno-muhimu na kazi za urahisishaji
  • Rigging Engine: Uhuishaji wa mifupa na visuluhishi vya FK/IK na ubadilishaji wa pozi v0.4
  • Design Knowledge Graph: Ontolojia ya kisemantiki yenye aina 25+ za mahusiano, kazi 35+ za hisabati, na muundo wa aina v0.4
  • Rust/WASM Runtime: Kuharakisha kwa WebAssembly kwa hiari kwa hesabu za widget — usindikaji wa mahusiano haraka mara 10-100x v0.5
  • pp:PinePaper Ontology: Msamiati wa kisemantiki wa tokeni 55 (vipengele, mahusiano, uhuishaji, barakoa, jenereta) — lugha ya uhuishaji wa PinePaper v0.5
  • Sentry: Ufuatiliaji wa hitilafu na utendaji

Miundo ya Kuhamisha

  • WebM Video: Kodeki ya VP9 - ubora bora kwa uhuishaji
  • MP4 Video: H.264 kupitia WebCodecs API - bora kwa mitandao ya kijamii
  • GIF Animation: Kupitia gif.js Web Workers - bora kwa ujumbe
  • PDF for Print: DPI 300 na bleed (3-5mm) na alama za kukata - uchapishaji wa kitaalamu
  • High-DPI PNG: Hadi DPI 600 kwa ubora wa kuchapisha kibiashara
  • Animated SVG: Uhuishaji wa SVG wa asili na SMIL
  • Interactive Widget: HTML inayojitegemea na msimbo wa kila tukio (~8-20KB). Inaharakishwa na WASM inapokuwepo. Weka popote v0.5
  • Lottie JSON: Muundo wa uhuishaji wa kiwango cha tasnia. Inabake kiotomatiki uhuishaji wa kiutaratibu kuwa neno-muhimu za asili v0.4

Aina za Uhuishaji

Pulse Rotate Bounce Fade Wobble Swing Shake Jelly Taipureta Custom Paths Keyframe Animation ✨ Trim Paths Spatial Motion Paths Path Morphing 13 Deform Presets 100+ Animation Presets

Mfumo wa Athari

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.

Seva ya MCP ya PinePaper

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 →

Usanidi wa Haraka

1. Sakinisha kwa ujumla:

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

2. Ongeza kwenye usanidi wa 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. Jaribu katika Claude Desktop:

"Unda maandishi mekundu yanayopiga msongo yanayosema HABARI" "Fanya dunia izunguke jua"

Zana Zinazopatikana

  • • Unda maandishi, maumbo, michoro
  • • Ongeza mahusiano (aina 25+: orbits, follows, wiggle, n.k.)
  • • Uhuishaji wa neno-muhimu na mipangilio
  • • Kuunda mhusika (mifupa, mifupa, IK/FK)
  • • Mipangilio ya mchanganyiko na mabadiliko
  • • Michoro, ramani, uundaji wa fonti
  • • Zalisha mandharinyuma ya kiutaratibu (jenereta 14)
  • • Vertex deformation (13 presets: fold, twist, wave, etc.)
  • • Hamisha SVG, data ya mafunzo

Majukwaa ya AI Yanayosaidiwa

  • • Claude Desktop
  • • Mteja wowote unaooana na MCP
  • • Uunganishaji maalum kupitia API

Grafu ya Maarifa ya Muundo

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.

Mbinu hii mpya inawawezesha mawakala wa AI kufikiria kuhusu uhuishaji changamano na mahusiano ya kimuundo.

Utafiti Uliotajwa

Usanifu wa Grafu ya Maarifa ya Muundo unatokana na mawazo kutoka karatasi hizi zilizokaguliwa na wenzao:

Kwa Wasanidi Programu na Mawakala wa AI

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

  • Kuunda na kushughulikia maandishi, maumbo, na vipengele vya SVG vilivyoagizwa
  • Kutumia uhuishaji (mipangilio 9) na athari (sparkle, blast)
  • Kuunda uhuishaji wa msingi wa neno-muhimu na udhibiti wa ratiba
  • Kuhamisha kwa MP4, GIF, SVG, au PNG kupitia API
  • Kutumia mahusiano ya kutangaza (orbits, follows, attached_to)
  • Kuunda mhusika na uhuishaji wa mifupa na neno-muhimu za pozi v0.4
  • Kuunda utunzi uliowekwa (precomps) na ratiba za ndani v0.4
  • Kujenga mtiririko wa kazi wa kiotomatiki na mifumo ya usindikaji wa mkusanyiko

Mfano wa Matumizi ya 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 });

Maono Yetu

Tunaijenga jukwaa la kwanza la michoro ya mwendo la asili ya AI. Wakati zana nyingine zinaongeza AI kama wazo la baadaye, PinePaper iliundwa tangu siku ya kwanza kudhibitiwa na binadamu na mashine.

Lengo letu ni kufanya michoro ya mwendo kuwa rahisi kama kuandika maandishi. Iwe wewe ni mbunifu au msaidizi wa AI, PinePaper hutoa zana za kuunda michoro ya kitaalamu kwa sekunde.

Kipi Kifuatacho?

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.

Jumuiya na Maendeleo ya Wazi

PinePaper Studio inatengenezwa kwa uwazi na jumuiya yetu. Pendekezo la kipengele, taarifa ya hitilafu, au mchango — tunajengwa pamoja.

Bure na Wazi

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
Lugha Zinazosaidiwa
25+
Aina za Mahusiano
111+
API Methods
7
Miundo ya Kuhamisha

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.