Interactive tile layout planner for Kat+Roger 6×6 Arc tiles by Pratt & Larson. Made for Maryna.

Live: https://jcoleh.github.io/TileViewer/

• Paint arc, vertical, horizontal, and cut tiles onto a scaled floor plan
• Room mode: exact L-shaped floor geometry (8′-5″ × 4′-7″) with shelves and radiator overlays
• Grout color picker and fractional grout width (down to 1/32″)
• Zoom slider (px/inch)
• Rotation patterns (pinwheel, diagonal, checker, etc.)
• Shift+drag to select, then repeat/fill or copy-paste regions
• Measure tool for verifying distances on the canvas
• Crop toggle (show/hide room boundary clip)
• Furniture toggle (show/hide shelves and radiator)
• Undo/Redo (Cmd+Z / Cmd+Shift+Z)
• Design library with saved patterns
• Export SVG
• All state (tiles, grout, zoom, crop, furniture) encoded in the URL — shareable links

npm install
npm run dev       # localhost:5173
npm run build     # production build → dist/
npm run deploy    # build + push to gh-pages branch

Deployed to GitHub Pages from the gh-pages branch.