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

Canvas ts'ı̨łı̨́

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

Social Media

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́

Dzę́h k'ı̨hı̨

Ası̨ ı̨lęhı̨

Flowchart

Edı̨htł'é

UML

Network

Ełęxtı̨́

K'ı̨́baze Dehbą Nałtsé

Ası̨ ı̨lę

Dehbą

K'ı̨ ets'ı̨

K'ı̨ echę

Hołę́ Effect

Hołę́ ası̨ ı̨lę

Hołę́

Ası̨ naxı̨helę

Grid

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

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 the handles on the canvas to adjust the crop area, then click Apply.

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!

Create animated graphics for social media, presentations, and more.

Read the User Guide

esc

↑↓ navigate ↵ select

⌘K to open

PinePaperStudio Beta

Device Capabilities

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

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

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

Mobile Mode

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

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

Ası̨ naxı̨helę

Ełtth'ı Hólı Templates

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

Feedback & Support

Edit Text

Crop Image

Mask Image

Remove Background

Code Console