How do I create animated text?

Use the Text Tool, type your content, then select an animation style from the Properties panel. PinePaper supports Pulse, Rotate, Bounce, Fade, Wobble, Swing, Shake, Jelly, and more.

Can I export my animation as video?

Yes! PinePaper exports to MP4 video (H.264), WebM (VP9), GIF animations, animated SVG with SMIL, and static PNG. MP4 and WebM are ideal for social media, GIF for messaging apps.

Yes! PinePaper Studio is completely free to use with all features available.

What file formats can I import?

You can import SVG files, raster images (PNG, JPG), and create text and shapes from scratch.

Does PinePaper work on mobile?

PinePaper is optimized for desktop use with mouse and keyboard. Mobile support is currently limited.

PinePaper Studio - Ełtth'ı Hólı Animated Graphics

Display Units

Measurement Tools

Rulers Unit Grid Snap to Grid (Shift = major) Dimension Readout Alignment Guides

Canvas ts'ı̨łı̨́

Infinite Canvas

Ası̨ ełę́xetı̨́

Dëne-Yatı́hé

Ał'ı̨́ hı̨

Edı̨́ ası̨ ı̨lę

Dęk'ęh ası̨ eghą́la

Dene naxı̨dele

Dene naxı̨dele Canvas ts'ı̨łı̨́

Dehbą (px)

Ek'ęh (px)

Nałtsé ał'ı̨́

Hołę́ ał'ı̨́

Ał'ı̨́

800 × 600 px

📊 Diagram ası̨ ełę́xetı̨́

Ełęxtı̨́ ası̨hı̨

Ası̨ nı̨́da ełęxtı̨́ edı̨htł'é

Ası̨ ı̨lęhı̨

Nałthi-Dek'éh

Edı̨htł'é

UML

Ets'ı́-nëné

Default Style

Applied to new connectors

Ası̨ ı̨lę

Dehbą

Line Style

K'ı̨ ets'ı̨

K'ı̨ echę

Dash Flow

Direction

Speed

Ası̨ naxı̨helę

Ets'ı́-dek'éh

Grid ts'ę nı̨hı̨́tı̨

Import Mermaid

Load .mmd file...

Rigging Tools

Show bone overlay Show all Move skeleton

Active Skeleton

Quick-Start Presets

Bone Hierarchy

No skeleton active

Poses

No poses saved

Shape Keys

Capture per-item visual deltas (size, color, segments) and blend them at any weight. Useful for facial expressions (blink, smile, surprise) on rigged characters.

No shape keys saved

Vision Puppeteer (webcam)

Drive the active skeleton from your webcam. Loads MediaPipe Pose Landmarker on first use (~3 MB). Bones auto-map to landmarks by name — name your bones left_arm, right_thigh, spine, etc. for best results.

Drive shape keys (face tracking) Maps facial expressions (smile, blink, jawOpen) to shape keys on the active skeleton by name.

PinePaper Studio K'éhorélyą́ (How to Use)

Mobile Mode

You're viewing the mobile version. Tap items to select, drag to move, and use templates for quick designs.

For full control over fonts, animations, properties, and advanced features, use desktop mode.

Tip: Tap Refresh in the menu to start with a clean canvas.

Nádé Bets'ı̨́ (Getting Started)

Ełtth'ı Hólı̨ (Toolbar - Left): Ełtth'ı, hólı̨, ełtth'ıghe hílı bek'éhorélyą́. Select tools to add text, shapes, drawings, or images.
Properties (Edląé - Right):
- Nı̨ɂą́ hílı thełtsı, ełtth'ı bek'éhorélyą́. Select item to edit font, color, and animation.
- Background ehtł'ı̨ hólı̨ bek'éhorélyą́. Click background to edit pattern or image.
Canvas (Tı̨łı - Center): Ełtth'ı hólı̨ ehtł'ı̨ hílı. Your creative space. Drag to move items.
SVG Náɂehtı́ (Import): "SVG" nı̨ɂą́ vector graphics náɂehtı́. Use SVG button to import vector graphics. SVG Repo.

T'áhsı̨ Yatı (Multi-Language Support)

PinePaper Studio supports text in all languages and scripts (e.g., Chinese, Arabic, Hindi, Emoji).

"Ełtth'ı" nı̨ɂą́ eyı yatı ełtth'ı. Select Text Tool and type in your language. Animations work universally!

Ası̨ naxı̨helę

Nı̨ɂą́ hílı animation style bek'éhorélyą́. Select item and choose animation style from the grid.

Pulse/Wobble/Nádé (Rotate): Ełtth'ı animations nádeł. Simple loop animations.
Tı̨łı (Path): "Tı̨łı" ełtth'ıghe custom path hílı! Use Path Tool to draw custom path for item to follow!

Ełtth'ı Hólı Templates

Ełtth'ı hólı templates bets'ı̨́ hílı. Start with pre-designed templates:

"Templates" Nı̨ɂą́ Edląé sidebar nı̨ɂą́ templates hílı. Click button to browse available templates.
Template Nı̨ɂą́ (Select) Canvas gots'ę́ náɂehtı́. Load instantly onto your canvas.
T'áhsı̨ Bek'éhorélyą́ (Customize All): Ełtth'ı, thełtsı, animation bek'éhorélyą́. Templates are fully editable.
Ná'etłǫ (Save Yours): Hólı̨ ełtth'ı hílı? "Template Ná'etłǫ" nı̨ɂą́. Click Save Template to add to your library.

Templates background, ełtth'ı, animation t'áhsı̨ bek'éhorélyą́. Perfect for social media posts!

AI Bek'éhorélyą́ (For AI Agents)

window.PinePaper t'áhsı̨ hílı. Available globally.
Use PinePaper.create('text', { content: 'Hello' }) to interact programmatically.

Feedback & Support

Have ideas, found a bug, or need help? We'd love to hear from you!

Request Features Email Support

Edit Text

Crop Image

Aspect Ratio

Drag handles to resize · drag inside to move · drag outside the rect to redraw a fresh region · drag the title bar to move this panel.

Mask Image

Drag on canvas to position. Use corner handles to resize.

Drag Mode

Toggle what moves when you drag on canvas

Mask Size

100%

Shape

Remove Background

Select a key color to remove, or use the eyedropper to pick from the image.

Color Presets

Custom Color

#00FF00

Threshold 50

Higher = removes more similar colors

Edge Smoothing 10

Softer edges around removed areas

Code Console

Paste AI-generated code or write your own

Lines: 0 Chars: 0

Ready

🤖 Create with AI

Use any AI assistant to generate code. No design skills needed!

⚡ Best Experience: Configure MCP

For the best results, configure the PinePaper MCP server in Claude Desktop. This gives Claude direct access to the canvas API.

View MCP Setup Guide

1 Quick Start (Without MCP)

Open Claude or ChatGPT
Share the example prompt with the API docs link
Describe what you want to create
Copy the generated code
Paste into Code Console & Run!

Example Prompts (tap to copy)

Open Claude Open ChatGPT

📚 Code Examples

Tap an example to load it

Nezę session nı̨́da

Session with 5 edits

Welcome to PinePaper Studio!

Guide

esc

↑↓ navigate ↵ select

⌘K to open

Device Capabilities

Create

Quick Actions

Pick a Shape

Export Format

Actions

Links

Canvas Size

📊 Diagram ası̨ ełę́xetı̨́

🦴 Rigging Tools