@pixzle/react

React components for rendering restored pixzle images.

For examples, see Storybook.

Install

npm i @pixzle/react

PixzleImage

import { PixzleImage } from "@pixzle/react";

Manifest URL

<PixzleImage
  manifest="https://example.com/manifest.json"
  image="https://example.com/fragment.png"
/>

Multiple Images

<PixzleImage
  manifest="https://example.com/manifest.json"
  image="https://example.com/fragment1.png"
/>

<PixzleImage
  manifest="https://example.com/manifest.json"
  image="https://example.com/fragment2.png"
  imageIndex={1}
/>

Manifest Data

<PixzleImage manifestData={manifestData} image="https://example.com/fragment.png" />

Explicit Parameters

<PixzleImage
  blockSize={2}
  seed="custom-seed"
  imageInfo={{ w: 500, h: 500 }}
  image="https://example.com/fragment.png"
/>