Comic Viewer Demo

Basic image loading

Each page uses a normal JPEG URL together with its own low-resolution placeholder. The viewer displays the muted, blurred placeholder while the full image is loading.

Source code

import * as ComicViewer from "@publira/comic-viewer";

export const Reader = ({ pages }) => (
  <ComicViewer.Root pages={pages}>
    <ComicViewer.Viewport />
    <ComicViewer.Toolbar />
    <ComicViewer.PageNavigation />
  </ComicViewer.Root>
);