SVG & Motion Editor
Recommendation will appear here.
800 × 600 px
คลิกรายการแรกเพื่อเริ่มเชื่อมต่อ
ใช้กับตัวเชื่อมใหม่
Arrow keys: Left/Right = walk, Up = jump, Down = crouch
Step 1: Click a bone to select it
No skeleton active
No poses saved
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.
PinePaper Studio supports text in all languages and scripts (e.g., Chinese, Arabic, Hindi, Emoji).
เพียงเลือก "เครื่องมือข้อความ" และพิมพ์ในภาษาที่คุณต้องการ แอนิเมชันทำงานได้ทุกภาษา!
เลือกรายการและเลือกสไตล์แอนิเมชันจากตารางในแผงคุณสมบัติ
เริ่มต้นด้วยเทมเพลตที่ออกแบบไว้แล้วเพื่อสร้างอย่างรวดเร็ว:
เทมเพลตรวมพื้นหลัง ข้อความ และแอนิเมชันที่กำหนดค่าไว้สำหรับคุณ เหมาะสำหรับโพสต์โซเชียลมีเดีย คำคม และอื่นๆ!
window.PinePaper พร้อมใช้งานทั่วโลก Use PinePaper.create('text', { content: 'Hello' }) to interact programmatically.
PinePaper.create('text', { content: 'Hello' })
Have ideas, found a bug, or need help? We'd love to hear from you!
Drag the handles on the canvas to adjust the crop area. Drag inside the crop area to move it.
Drag on canvas to position. Use corner handles to resize.
Toggle what moves when you drag on canvas
Select a key color to remove, or use the eyedropper to pick from the image.
Click on the image to pick a color...
Higher = removes more similar colors
Softer edges around removed areas
Paste AI-generated code or write your own
Error
Code executed successfully!
Use any AI assistant to generate code. No design skills needed!
For the best results, configure the PinePaper MCP server in Claude Desktop. This gives Claude direct access to the canvas API.
"Using the PinePaper API (see https://pinepaper.studio/api/guides/ai-agents), create an Instagram story with 'NEW PRODUCT' in bold white text that pulses"
"Using the PinePaper API (see https://pinepaper.studio/api/guides/ai-agents), write code for a YouTube thumbnail with 'TUTORIAL' text that has a bounce animation"
"Using the PinePaper API (see https://pinepaper.studio/api/guides/ai-agents), create 3 rotating circles with different colors arranged in a triangle"
Tap an example to load it