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 - Animated na Teksto, 2D Graphics & SVG Creator

Laki ng Canvas

Mga Platform

Social Media

Mga Presentasyon

Standard

Print at Papel

Custom

Custom na Laki ng Canvas

Lapad (px)

Taas (px)

I-lock ang aspect ratio

Mabilisang Ratios

Preview

800 × 600 px

📊 Mga Tool ng Dayagram

Ikonekta ang mga Item

I-click ang unang item para magsimula ng koneksyon

Freehand na mga Arrow

Mga Hugis

Flowchart

Basic

UML

Network

Connector

Tuwid Ortho Kurba

Kulay

Lapad

Ulo ng Arrow

Buntot ng Arrow

Sparkle Effect

Kulay ng Bolt

Bilis

Auto Layout

Grid

Mag-snap sa Grid

Paano Gamitin ang PinePaper Studio

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.

Pagsisimula

Toolbar (Kaliwa): Pumili ng mga tool para magdagdag ng Teksto, Hugis, Mga Guhit, o Larawan.
Mga Katangian (Kanan):
- Pumili ng item para i-edit ang Font, Kulay, at Animation.
- I-click ang background para i-edit ang Pattern o Background na Larawan.
Canvas (Gitna): Ang iyong creative space. I-drag ang mga item para ilipat sila.
Mag-import ng SVG: Gamitin ang "SVG" button para mag-import ng vector graphics. Makakahanap ka ng libreng SVG sa SVG Repo.

Multi-Language Support

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

Pumili lang ng "Text Tool" at mag-type sa iyong gustong wika. Gumagana ang mga animation sa lahat ng wika!

Mga Animation

Pumili ng item at pumili ng animation style mula sa grid sa Properties panel.

Pulse/Wobble/Paikutin: Simpleng loop animations.
Path: Gamitin ang "Path Tool" (pencil icon) para gumuhit ng custom path na susundan ng item!

Mga Template

Magsimula sa mga pre-designed template para sa mabilis na paggawa:

I-click ang "Mga Template" button (kaliwang sidebar) para mag-browse ng mga available na template.
Pumili ng template para i-load ito sa iyong canvas agad.
I-customize lahat: I-edit ang teksto, palitan ang mga kulay, ayusin ang mga animation - fully editable ang mga template.
I-save ang sarili mo: Gumawa ka ng kahanga-hangang bagay? I-click ang "I-save ang Template" para idagdag ito sa iyong library.

Kasama sa mga template ang backgrounds, teksto, at animations na lahat ay naka-configure na para sa iyo. Perpekto para sa social media posts, quotes, at marami pa!

Para sa AI Agents

Ang window.PinePaper ay globally available.
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

Nakaraang sesyon na natagpuan

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