FREE DEVELOPER TOOL

Mock Image Generator

Generate deterministic mock images from a URL. Pick a seed and style, then use the same image in every reload, preview, test, and prototype.

https://sampleimg.com/1200x1200?seed=product-123&style=gradient

BUILD FROM A URLURLから画像を作成

Interactive Image Builderインタラクティブ画像ビルダー

Tune the image, preview the real API response, then copy the snippet you need.画像を調整し、実際のAPIレスポンスを確認して、必要なコードをコピーできます。

API docsAPI仕様

Canvasキャンバス

Width幅Height高さ

Quick sizesよく使うサイズ

Background背景Background type背景タイプ

SeedSeedSame seed + settings = same image.同じSeedと設定なら同じ画像になります。Seed styleSeedスタイル

TextテキストText表示文字

Text color文字色#ffffffFont size文字サイズ

Weight太さAlignment水平位置

Vertical position垂直位置

Border & overlay枠線・Overlay

Radius角丸Border width枠線幅

Border color枠線色#ffffffOverlay image URLOverlay画像URLOverlay opacityOverlay透明度 100%

Output format出力形式JPEG/WebP are accepted by the API but currently return PNG.JPEG/WebPはAPIで受け付けますが、現在はPNGを返します。

LIVE PREVIEWライブプレビューReady

Use this imageこの画像を使う

Copy and pasteコピーして利用

Image URL

HTML

Markdown

CSS

React / Next.js

USE CASE

Built for prototypes

Use a stable seed when building product grids, dashboards, Storybook stories, Figma prototypes, or AI-generated interfaces. Same seed, same image, every time.

No account, API key, database, or client-side image renderer is required. Use the generated URL anywhere an image URL is accepted.

DOCUMENTATION

Simple URLs, predictable output

Change a query parameter, refresh the preview, and reuse the URL in HTML, Markdown, CSS, or React.

Read the concise API guide

FAQ

Frequently asked questions

What makes a mock image deterministic?

The seed and image parameters are hashed locally, so the same URL produces the same generated design without a database or random value per request.

Which styles can I use?

gradient, mesh, geometric, and waves are supported. Add style to the same seed URL to switch the visual treatment.