ReactやNext.jsアプリにシームレスに統合できるシンプルで軽量なオープンソースのダミー画像生成ツール・「PlaceholderJS」

Ads

2024.10.20

PlaceholderJSはReactやNext.jsアプリにシームレスに統合できるシンプルで軽量なオープンソースのダミー画像生成ツールです。

よくある従来のダミー画像生成サービスと同様に以下のようなフォーマットで任意のダミー画像を生成する事が出来る、というもの。

<img src="https://placeholderjs.com/500x500&text=Hello+World!&color=_FF0000&background=_000000">

例えばNext.jsでは以下のように使います。

import { Placeholder } from "placeholder";

<Placeholder width="500" height="500" text="Hello World!" color="#FF0000" background="#000000"/>

これで先ほどのダミー画像が生成されます。

Reactアプリ開発等でダミー画像だけ他サービスを使っている、という場合はこちらを検討されてはいかがでしょうか。ライセンスはMITです。