Quick Start

1 min read

Get up and running with PinePaper Studio in 5 minutes.

1. Open the Application

Navigate to the PinePaper Studio URL in your browser. The canvas will load automatically.

2. Create Your First Text

Click the Text Tool or use the API:

const text = app.create('text', {
  content: 'Welcome!',
  x: 400,
  y: 300,
  fontSize: 64,
  color: '#4f46e5'
});

3. Add Animation

With the text selected, choose an animation from the panel, or programmatically:

app.animate(text, {
  animationType: 'pulse',
  animationSpeed: 1.5
});

4. Add a Background Generator

Generate a dynamic background:

await app.executeGenerator('drawSunburst', {
  colors: ['#4f46e5', '#7c3aed', '#a855f7'],
  rayCount: 16,
  bgColor: '#0f172a'
});

5. Export Your Creation

Export as animated SVG:

const svgString = app.exportAnimatedSVG();

Or record as video (WebM):

// Start recording
app.startRecording();

// ... perform animations ...

// Stop and download
app.stopRecording();

What’s Next?