Lorem Faces

Showcase

How to Use

1. Add this script to your HTML:

   <script src="https://loremfaces.net/showcase.js"></script>

2. Insert this div where you want the showcase to appear:

   <div id="showcase"></div>

3. For individual images, use this URL format:

   https://loremfaces.net/42/id/[image_id].png

   Replace [image_id] with a number from 1 to 5.

Why Use Lorem Faces?

• Rapid prototyping: Instantly add realistic user avatars
• Consistent design: All images are 42x42 pixels
• Easy integration: Simple URL structure for quick implementation
• No API key required: Start using immediately in your workflow

Examples

https://loremfaces.net/42/id/1.png

https://loremfaces.net/42/id/2.png

https://loremfaces.net/42/id/3.png

Integration Tips

• Use in CSS backgrounds for quick profile picture placeholders
• Integrate with frontend frameworks for dynamic user representations
• Ideal for creating realistic user lists or comment sections in prototypes