Getting Started
Upload Images: Drag and drop or click to upload your front and back design images. Supports PNG, JPG, WebP, and PDF files.
- Multi-page PDFs: If your PDF has 2 pages, they'll automatically fill front and back slots. For PDFs with more pages, use the page selector to choose which page to display.
- Swap Images: Click the arrow button between upload zones to swap front and back images.
- Remove Images: Click the × button to remove an uploaded image.
Paper Size
Choose from preset sizes or enter custom dimensions. Supports fractional inches (e.g., 8 1/2 × 11).
Autofit Image: When disabled, paper size automatically adjusts to match your uploaded image's dimensions (useful for SVGs with embedded size data).
Fold Types
Select from the sidebar dropdown or use the icon buttons in the viewport:
- Bi-Fold: Standard half-fold (2 panels)
- Tri-Fold Z-Fold: Accordion-style fold (3 panels)
- Tri-Fold Roll: Letter-style fold (3 panels)
- Gate Fold: Two panels fold inward to meet in the center
- Double Gate Fold: Four panels — outer panels fold inward, then the whole piece folds in half at the spine
Orientation: Switch between vertical and horizontal using the buttons below the fold type icons or the dropdown in the sidebar.
3D Viewport Controls
- Rotate: Click and drag to orbit around the model
- Zoom: Scroll or pinch to zoom in/out
- Pan: Right-click and drag (or two-finger drag on trackpad)
Animation Controls
Fold Progress: Drag the slider to manually fold/unfold (-100% to 100%). Double-click to reset to 0%.
Play/Pause: Automatically animate the folding sequence.
Speed: Adjust animation speed (0.1x to 3x). Double-click to reset to 1x.
Fold/Unfold Buttons: Quickly animate to fully folded or unfolded state.
Guides & Rulers
Toggle visual guides to help with print layout:
- Trim Line: Final cut edge (red)
- Bleed Area: Extra space for printing (orange, adjustable margin)
- Safe Zone: Keep important content inside (green, adjustable margin)
- Fold Lines: Where the paper folds (blue)
- Ruler: Measurement marks with optional labels (purple in light mode, lighter purple in dark mode)
- Grid: Background reference grid (can be toggled on/off)
Tip: Double-click bleed or safe zone sliders to reset to default values.
Image Adjustments
- Reflect buttons: Use the flip buttons next to each image row to mirror horizontally (↔) or vertically (↕). Active buttons are highlighted.
Screenshot & Export
Two buttons in the top-right of the viewport:
- Screenshot: Capture the current 3D view as JPG, PNG, PDF, or Animated GIF with optional background, guides, and grid. The GIF option records the full fold animation cycle (-100% to 100%) from the current camera angle.
- Export: Opens a modal to export full-resolution source images with transformations (format, flips, rotation) at viewport size and orientation
Theme
Toggle between light and dark mode using the sun/moon icon. Your preference is saved automatically.