Comic Reader
Page through an archive with the reading mode the artwork deserves.
IntermediateWeb appMedia10–20hAI-buildable 5/5no setupworth shipping
Read comic archives with several viewing modes: single page, double spread, and vertical scroll. It has to remember your position, preload the next pages, and handle mixed page sizes without the layout jumping around.
UI
Logic
Useful
Hosting · Free forever
Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.
Deploy it and share a link.
Core features · 7
- Load an archive of images locally
- Single page, double spread and continuous scroll modes
- Keyboard and click-zone navigation between pages
- Reading position saves per file
- Upcoming pages preload so navigation is instant
- Fit-to-width, fit-to-height and original size options
- Pages of differing dimensions don't shift the layout
The interesting part
- Reading an archive file's contents in the browser
- Preloading enough to feel instant without exhausting memory
- Detecting which pages should pair in double-spread mode
Once it works
- Add right-to-left reading order
- Add a thumbnail page grid for jumping
- Add a zoom-and-pan mode for dense pages
Suggested stack
reacttypescripttailwindlocalstorage