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 Text, 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 upang magdagdag ng Teksto, Hugis, Guhit, o Larawan.
Mga Katangian (Kanan):
- Pumili ng item upang i-edit ang Font, Kulay, at Animation nito.
- I-click ang background upang i-edit ang Pattern o Background Image.
Canvas (Gitna): Ang iyong creative space. I-drag ang mga item upang ilipat ang mga ito.
Mag-import ng SVG: Gamitin ang "SVG" button upang mag-import ng vector graphics. Makakakita ka ng libre ng mga SVG sa SVG Repo.

Suporta sa Maraming Wika

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. Ang mga animation ay gumagana nang pandaigdig!

Mga Animation

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

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

Mga Template

Magsimula sa mga pre-designed templates para sa mabilis na paglikha:

I-click ang "Templates" button (kaliwang sidebar) upang mag-browse ng available templates.
Pumili ng template upang i-load ito sa iyong canvas agad.
I-customize ang lahat: I-edit ang teksto, baguhin ang mga kulay, ayusin ang animations - ang mga template ay ganap na nae-edit.
I-save ang iyong sarili: Nakagawa ng kahanga-hanga? I-click ang "Save Template" upang idagdag ito sa iyong library.

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

Para sa AI Agents

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

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