J/U-Card Designer v1.0.0

Search, assemble, crop and print cassette inserts at exact size.

Uses your own artwork and release images. The app only crops, scales, rotates, positions, samples colors, and adds optional text.

Start a cassette insert in four steps

Import an album or upload your own scans, place the panels, crop if needed, then export a print-ready PDF.

Ctrl+Z to undo, Ctrl+Y or Ctrl+Shift+Z to redo.

0. Insert Type Format

J-card mode: 1" flap, 0.5" spine, 2.5625" front. Final art: 1219 × 1200 px at 300 DPI.

1. Album Import optional

Search artist / album

Import cover to Front panel Auto-split tracks into Side 1 / Side 2

Search imports general album metadata from iTunes. Everything stays editable after import.

Discogs cassette lookup release-specific

Use this to find actual cassette releases and user-contributed release images. Full image import requires the included Cloudflare Pages Function and a server-side Discogs token.

Auto-trim scan borders on imported Discogs images

Search cassette release

Discogs lookup is optional. iTunes import remains available above.

2. Images

Front cover image

No front image loaded

Finished flap/back image

No flap/back image loaded

Spine image optional

No spine image loaded

Upload finished front/flap images, then either use the front cover for the spine or upload a dedicated spine image.

No source images uploaded yet.

Print quality warnings will appear here after upload.

3. Assemble

Use the flap upload for a pre-composed back/flap image. For odd album layouts, make the flap externally and upload it here as one image.

4. Choose Panel & Crop

Fastest: use a Crop button below. Use Edit when you only want to move, scale, or rotate a panel image.

Upload artwork or choose a panel to edit.

No panel artwork selected.

Tip: double-click the Front, Spine, or Flap/Back panel directly on the canvas to open its crop editor.Cropping is non-destructive and can be undone with Ctrl+Z.

5. Selected Panel Image

No panel image selected. Click Edit Front, Edit Spine, or Edit Flap/Back.

Layer name Destination panel

Fit / Move / Rotate

Scale X position (px) Y position (px) Rotation (deg)

Numeric crop values

Use the prominent Visual Crop button in the Choose Panel & Crop section for a draggable crop box. These numeric fields remain available for exact pixel adjustments.

Crop X Crop Y Crop width Crop height

Crop presets

Rotation presets

Drag the selected image on the canvas to reposition it. Arrow keys nudge 1px; Shift + arrow nudges 10px.

6. Text Artist name Album title Spine text Optional: draw artist / album text on front cover Optional: draw generated Side 1 / Side 2 text on flap/back panel Optional: draw SIDE 1 / SIDE 2 headings Side 1 tracklist (one track per line) Side 2 tracklist (one track per line)

Side 1: 0:00 · 0 lines

Side 2: 0:00 · 0 lines

Durations like “Track Name (3:42)” are totaled automatically. Front-cover text overlay is optional and off by default so imported covers stay clean.

7. Backgrounds Global background color

Flap override

Spine override

Front override

A panel override replaces the global background for that panel only.

8. Color Sampling Sample from Apply to

Useful when only part of a source (e.g. a tracklist crop) is placed — sample the full source's color and apply it to the whole panel so it looks continuous.

9. Guides Show fold guides on canvas

10. Project Export filename prefix optional

cassette-insert-jcard-clean-300dpi.png

Autosave keeps a local browser copy when storage allows. JSON export is still the safest backup.

11. Mixed 2-up Print Queue

Capture two different finished inserts, then print both at exact size on one Letter page. Queue snapshots stay intact while you import, reset, or edit another project in this browser tab.

Print slot 1 Empty

Empty

Design name

No design captured.

Print slot 2 Empty

Empty

Design name

No design captured.

Both slots are empty.

Print queue snapshots are saved in this browser and restored after refresh.

12. Export

PDF exports place the bordered guide at exact 300 DPI size on Letter paper. Print at 100%, not fit-to-page.

Dimensions

Mode: J-card
Canvas: 1219 × 1200 px @ 300 DPI
Left flap: 300 px (1.0 in)
Spine: 150 px (0.5 in)
Front panel: 769 px (2.5625 in)

Finished J-card trim: about 4.063" × 4".

J/U-Card Designer v1.0.0
Projects and print-queue snapshots stay in this browser. Discogs requests pass through your Cloudflare Worker; the token is never placed in the page.

J-card · 1219 × 1200 px

50%

Visual Crop

Drag the crop box or its handles. Click-drag outside the box to draw a new crop.

Drag inside the box to move it. Drag a square handle to resize. Touch and pen input are supported.

Crop presets

Crop details

No image selected.

Recenter and fill panel after applying

“Match panel” uses the selected panel’s shape and accounts for 90°/270° image rotation.