Your Perfect Avatar Awaits is a simple, fast, and free image placeholder service to generate beautiful placeholder avatars for your projects, mockups, and designs.
➡️ Live Demo: https://avatarplace.vercel.app/
(Tip: Replace the placeholder image above with a real screenshot of your app!)
- 🚀 Lightning Fast: Built on a modern, edge-optimized infrastructure for instant image delivery.
- 💰 Completely Free: No sign-ups, no API keys, no hidden costs. Just use it.
- 🎨 Multiple Formats: Generate placeholders in SVG, PNG, JPEG, GIF, WebP, and AVIF.
- 🎯 Perfect for Avatars: Specifically designed to create clean and simple placeholder avatars.
- ✨ Customizable: Easily change the dimensions, background color, text, and text color via the URL.
Using AvatarPlace is as simple as constructing a URL. The basic structure is:
https://avatarplace.vercel.app/[width]/[height].[format]?[parameters]
Just specify the width, height, and desired image format.
PNG Image (300x300)
https://avatarplace.vercel.app/300/300.png
JPEG Image (150x150)
https://avatarplace.vercel.app/150/150.jpeg
SVG Image (100x100)
https://avatarplace.vercel.app/100/100.svg
WebP Image (250x250)
https://avatarplace.vercel.app/250/250.webp
You can customize the placeholder by adding query parameters to the URL.
| Parameter | Description | Example | Default |
|---|---|---|---|
text |
The text to display on the image | ?text=Hello |
widthxheight |
bg |
The background color (hex code) | ?bg=000000 |
CCCCCC |
color |
The text color (hex code) | ?color=ffffff |
666666 |
Custom Text and Colors
https://avatarplace.vercel.app/200/200.png?text=SR&bg=333333&color=ffffff
This project is built with modern and efficient web technologies:
- Next.js - The React framework for production
- Vercel - Deployment and hosting platform
- Sharp - High-performance image processing
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Distributed under the MIT License. See LICENSE for more information.
- Website: https://avatarplace.vercel.app/
- GitHub: https://github.com/shozon-roy
Explore the collection and start building! 🎉