Have you ever worked on a layout design and came across thinking if only I knew some generator to create some temporary samples for me? This can be attributed to anything - sample text, images, brand logo, profile pictures, JSON data, and more.
In this article, I compiled a list of useful placeholder generators, so that you can speed up your development workflow. All you have to do is copy the sample data generated and paste it into your project where you want to use it.
To make it easier for you, I sorted them across categories, provided a direct link, a concise description, and a preview image for each, so you can get an initial impression on the fly.
Text
1. Lorem Ipsum
Industry's standard dummy text generator.
2. Loripsum.net
An improved version of Lorem Ipsum with options to include links, lists, code blocks, headings, add text styling, and other customization options.
Images
3. Picsum Photos
Provides random or specific images. Specify the desired image size at the end of the request URL. Grayscale and blur effects can also be applied to any image.
4. Placeholder.com
Generates placeholder boxes for layouts. Set background colors, the text used, and other parameters by directly including them in the URL.
Logos
5. Logo Ipsum
Ready to use replacement logos in various styles & compositions for your design. Automatically generates the SVG code for each with just a click on them.
Avatars
6. DiceBear
Avatar library for designers and developers. You can choose between lovely designed characters. Provides API that you can use right away.
7. Personas
A playful avatar generator for the modern age.
8. Avataaars
Allows creating custom avatars by providing specific parameters or using random options till you come up with something you like.
JSON data
9. Random User
An open-source API for generating random user data.
10. JSON Placeholder
REST API that you can use whenever you need some fake data.
11. Fake JSON
Create JSON responses you need with an advanced JSON Editor built-in.
Code blocks
12. Faux Code
Turn real code (Github Gist) into faux code (SVG image).
Entertaining
13. Place Kitten
A service for getting pictures of kittens for use as placeholders in your designs.
14. CupCake Ipsum
Sugar-coated Lorem Ipsum generator.
15. RoboHash
Provides unique, robot/alien/monster/whatever images for any text.
Writing has always been my passion and it gives me pleasure to help and inspire people. If you have any questions, feel free to reach out!
If these resources helped, connect me on Twitter, LinkedIn and GitHub!
Visit my Blog for more articles like this.
Top comments (35)
You forgot fakerjs
Great article though !!
Great addition, thanks 💯✨
Is it still usable after Endgame?
Yes, another community took over it
github.com/faker-js/faker
Wow thanks! I didn't knew about it!
Yes, I just noticed that as well 😉
wow, it's really useful
Thanks a lot, great to hear you found them useful 🙏❤
Very interesting article!
Also if you are interested, here are some more tools for productivity 😉✨
Thanks a lot, hope you found them useful 🙏❤
I personally use placekeanu.com/ for image placeholder. I also use the kittens one but.. Keanu is always keanu <3
Didn't know about that one 😀😀
There are tons of entertaining ones for images as well as Lorem Ipsum 😉
Yeah that's true! I love the cupcakes one for Lorem Ipsums 😀
Btw the avatar ones were completely new to me and very useful! thanks a lot <3
My pleasure and you are welcome! 🙏❤
Great list. Thanks for sharing.
Thank you for checking it out! 🙏❤
Amazing post.
Keep it up
Thanks a lot! 🙏❤
Great article!
Thanks for the support! 🙏❤
robo hash is awesome!
Yeah, I love it too 💯😉
This is a nice article
Thank you so much, means a lot! 🙏❤
This is super cool!
Thanks a lot! 🙏❤
Very helpful for quick placeholders or sample data 👍