📷 instant-photo

📸 React component that makes images look like a polaroid picture.

• Live demo

yarn add instant-photo
# or
npm -i instant-photo

Usage

import { InstantPhoto } from 'instant-photo';

<InstantPhoto
    image="https://images.unsplash.com/photo-1648142618804-92f908f93c10"
  />

Size 'small' or 'large' (defaulting to large)

<InstantPhoto
    size="small"
  />

Variants '46mm' or '99mm' (defaulting to 46mm)

<InstantPhoto
    variant="99mm"
  />

Filters 'polaroid' | 'vintage' | 'greyscale' | 'bloom' | 'none' (defaulting to polaroid)

<InstantPhoto
    filter="vintage"
  />

No image, black placeholder film.

<InstantPhoto />

For more examples see src/examples/examples.stories.tsx