Create dynamic placeholder images instantly!
Basic Usage:
https://placeholders.xyz/300x200
Custom Color & Text:
https://placeholders.xyz/300x200/FF0000/FFFFFF?text=Hello
<img src="https://placeholders.xyz/800x400" alt="Placeholder">
background-image: url('https://placeholders.xyz/1920x1080');
const img = new Image();
img.src = 'https://placeholders.xyz/400x300/FF5733/FFFFFF?text=JS';
$image = 'https://placeholders.xyz/500x300/4287f5/FFFFFF?text=PHP';
image_url = 'https://placeholders.xyz/600x400/2ecc71/FFFFFF?text=Python'
<img src={`https://placeholders.xyz/300x200/3498db/FFFFFF?text=React`} />
<img :src="'https://placeholders.xyz/300x200/e74c3c/FFFFFF?text=Vue'" />
<img [src]="'https://placeholders.xyz/300x200/d35400/FFFFFF?text=Angular'">