<p align="center">
  <strong>
    <a href="ACQUISITION.md">
      Open to Acquisition 🟢
    </a>
  </strong>
</p>

---

<h1 align="center">
  plaiceholder
</h1>

<p align="center">
  <img alt="Plaice Fish"  src="./.github/assets/logo.jpg" />
</p>

<p align="center">
  <strong>Beautiful image placeholders, without the hassle.</strong>
</p>
<p align="center">
  Choose-your-own adventure, from pure CSS to SVG…
</p>

<p align="center">
<a href="https://plaiceholder.co/docs"><strong>Read the Docs 📖</strong></a>
|
<a href="https://plaiceholder.co"><strong>Try the Studio 🎨</strong></a>
</p>

<p align="center">
  <a href="https://www.npmjs.com/package/plaiceholder">
    <img alt="NPM Version" src="https://badgen.net/npm/v/plaiceholder" />
  </a>
  <a href="https://www.npmjs.com/package/plaiceholder">
    <img alt="Types Included" src="https://badgen.net/npm/types/plaiceholder" />
  </a>
  <a href="https://github.com/joe-bell/plaiceholder/blob/main/LICENSE">
    <img alt="MIT License" src="https://badgen.net/github/license/joe-bell/plaiceholder" />
  </a>
  <a href="https://www.npmjs.com/package/plaiceholder">
    <img alt="NPM Downloads" src="https://badgen.net/npm/dm/plaiceholder" />
  </a>
  <a href="https://twitter.com/joebell_">
    <img alt="Follow @joebell_ on Twitter" src="https://img.shields.io/twitter/follow/joebell_.svg?style=social&label=Follow" />
  </a>
</p>

<br />

## Documentation 📖

Visit **[plaiceholder.co/docs][plaiceholder:docs]** to get started with the open-source free-to-use packages.

### Migrating from `1.0`?

See the [migration guide](https://github.com/joe-bell/plaiceholder/releases/tag/v2.0.0) for further details.

## Studio 🎨

[**Project sponsors**][plaiceholder:pricing] get exclusive access to the [**Studio**][plaiceholder].

Upload your images and transform to beautifully lightweight placeholders (like magic, but real) ✨

<img width="300" height="auto" src="./.github/assets/studio.jpg">

### Organizations

Support Plaiceholder via your organization. Your logo will show up here **and** on [plaiceholder.co][plaiceholder] with a link to your website.

[See Pricing and T&Cs][plaiceholder:pricing]

---

## License

Apache-2.0 License © [Joe Bell](https://twitter.com/joebell_)

### Acknowledgements

#### [Lovell Fuller](https://github.com/lovell) ([Sharp](https://github.com/lovell/sharp))

Copyright © 2013-2021, Lovell Fuller. All Rights Reserved.

Licensed under the Apache License, Version 2.0 (the "License").

[plaiceholder]: https://plaiceholder.co
[plaiceholder:docs]: https://plaiceholder.co/docs
[plaiceholder:pricing]: https://plaiceholder.co/#pricing
[blurhash]: https://blurha.sh/
[react-blurhash]: https://github.com/woltapp/react-blurhash
[next/image]: https://nextjs.org/docs/basic-features/image-optimization
