Holder.js
Holder.js is an open source JavaScript library that generates placeholder images of any size. It can be useful for mocking up website designs before images are available.
placeholder-images
mockups
web-design
Holder.js: Open Source Placeholder Image Generator
Hold placeholder images of any size with this open source JavaScript library, ideal for mockups before images are available
What is Holder.js?
Holder.js is an open source JavaScript image placeholder library. It generates custom placeholder images of any size on the fly. The images are rendered as SVG with a colored background and custom text.
Some key features of Holder.js:
- Generates image placeholders without needing to upload images ahead of time
- Placeholder images can be any dimension and aspect ratio
- Customizable background colors and text
- Lightweight, only ~4kB when minified and gzipped
- No external image dependencies
- Works in all major browsers
Holder.js is useful for web designers and developers who want to mock up page layouts before final images are available. It saves time over manually creating placeholder graphics or lorem ipsum text. The on-demand image generation also reduces bandwidth compared to serving standard placeholder images.
Some examples of using Holder.js:
- Populating image galleries during development
- Creating placeholder avatars for comment threads
- Showing boxes for ads before campaigns are live
- Setting up templates for content management systems
Holder.js has an active open source community on GitHub managing updates and fixes. It integrates well with many front-end frameworks. The project is released under the Apache 2.0 license.
Holder.js Features
Features
- Generates placeholder images of any size
- Customizable background color
- Customizable foreground text
- Text size and font customization
- Rounded corners
- SVG image generation
Pricing
- Open Source
Pros
Lightweight
Easy to implement
Open source
No dependencies
Works well for mocking up designs
Cons
Limited customization options
Only generates placeholder images
No support for responsive images
Official Links
The Best Holder.js Alternatives
Top Development and Web Development and other similar apps like Holder.js
Here are some alternatives to Holder.js:
Suggest an alternative ❐
PlaceIMG
PlaceIMG is a free online service that creates customizable placeholder images for websites, presentations, prototypes, or any other designs that need mockup graphics. It offers a simple interface to generate image placeholders on the fly without requiring any image editing software.With PlaceIMG, you can specify the exact width and height...
Unsplash
Unsplash is a popular website that offers a wide variety of high-quality stock photos available for free download and use. Founded in 2013, Unsplash has become home to over 2 million free high-resolution photos that are uploaded and shared by a talented community of photographers from around the world.One of...
Image Placeholder
Image Placeholder is a free online tool used to create custom placeholder images for web design and development. It provides an easy way to generate placeholder graphics without needing to use image editing software.With Image Placeholder, users can specify the desired dimensions for the image, background color, custom text, text...
PlaceCage
PlaceCage is a free browser extension available for Google Chrome, Mozilla Firefox, and Microsoft Edge. It works by replacing images on web pages with random pictures of the actor Nicolas Cage.The extension was created as a joke to insert Nicolas Cage's face into websites for comedic effect. When installed and...
Fill Murray
Fill Murray is a unique web-based application for generating customized Bill Murray themed images. It was created as a fun side project by developers who wanted to experiment with automated image generation using a celebrity's photos.Here's how it works: Users visit the Fill Murray website and are presented with simple...
Satyr.dev
satyr.dev is an end-to-end testing automation platform designed to make writing, running and managing tests easy for development and QA teams. It allows users to author automated browser tests without extensive coding knowledge through its intuitive GUI interface and pre-built commands and workflows.Some key capabilities and benefits of satyr.dev include:Support...
Lorem Picsum
Lorem Picsum is a popular online service used by developers and designers to add placeholder or dummy images to websites and templates during development. It generates randomized placeholder images on demand, allowing you to specify parameters like size, aspect ratio, image format, etc.Some key features of Lorem Picsum include:Completely free...
Lorempixel
Lorempixel is a popular free placeholder image generator service that makes it easy to add placeholder or filler images to website and app mockups and prototypes. It has a simple URL API that allows you to customize the placeholder images by setting parameters like image size, color, category, etc.Some key...
Placehold.it
Placehold.it is a free online image placeholder service launched in 2009. It allows users to easily create custom placeholder images by specifying the desired image dimensions and background color. Users simply append the width, height, and hexadecimal background color to the end of the placehold.it URL to generate an image...
Placekitten
placekitten is a simple yet popular web service for generating placeholder images of kittens. It was created in 2004 by idangazit as a fun side project and has since become a frequently used tool among web developers and designers.The placekitten website itself is very basic - just a simple form...
Freeimages
Freeimages is a free stock image and video website that provides thousands of high-quality stock images, photos, videos, illustrations and vectors that can be downloaded and used for free, even for commercial purposes. It is one of the largest online repositories of free-to-use shared media.Freeimages features over 400,000 free stock...
BlurHash
BlurHash is an open-source algorithm developed by Dag Ågren that generates compact representations of images that allow creating blurry placeholder previews. It works by capturing the basic colors and outlines of an image in a shorthand format. TheBlurHash for an image is typically around 20-30 characters long.When the blurhash string...
Lorem Pizza
Lorem Pizza is an innovative online and mobile pizza ordering and delivery platform founded in 2020. It allows users to conveniently order pizzas for delivery or pickup from local pizzerias and major national chains.Through the Lorem Pizza website or mobile apps for iOS and Android, users can browse menus, customize...
Dummy Image
Dummy Image is a free online service that creates customizable placeholder images for web design and development. It generates images on the fly based on specified parameters such as size, layout, background color, and file type.Some key features of Dummy Image include:Generate images in common web sizes like thumbnail, medium,...
LoremFlickr
LoremFlickr is a free online service that generates placeholder images for use in web design and development. It creates randomized images at any dimension up to 1920x1080 pixels, making it easy to visualize how a site will look before having final photos or graphics.Some key features of LoremFlickr include:Generate images...
Placebear
Placebear is a free online service that generates placeholder images for use in web design and development. It allows users to customize the size, aspect ratio, background color, and image format of placeholder images.Some key features of Placebear include:Ability to specify width and height of images in pixels or common...
Gradient Api
Gradient API is an open-source platform that enables organizations to rapidly build, deploy, and manage machine learning models in production. It handles the complex infrastructure and deployment configurations required to put models into production and monitor their performance.Key features of Gradient API include:Simple deployment workflows to get models deployed with...
FPOImg
FPOImg is a free online image placeholder service that allows you to quickly generate custom placeholder or dummy images for use in web design mockups, wireframes, prototypes, and more. It's a simple yet powerful tool for web designers and developers.With FPOImg, you can customize the size of the placeholder image,...
Steven SeGALLERY
Steven SeGALLERY is a free, open source PHP gallery software that allows users to upload, organize, and share photos or images in online galleries. It can be installed on any PHP/MySQL hosting platform.Key features include:Responsive design that works well on mobile devicesUnlimited galleries and photosDrag & drop image uploadsBulk uploads...
P-Hold
P-Hold is an open-source productivity app designed to help users stay focused on important tasks by limiting access to distracting websites and applications. It works across Windows, Mac, and Linux operating systems.The software allows users to define a list of websites and apps they find distracting such as social media,...
Ipsum Image
Ipsum Image is a free and open source raster graphics editor for Windows, MacOS, and Linux. It was created as an alternative to paid products like Photoshop or GIMP for basic image editing needs. Ipsum Image provides features like cropping, resizing, rotating, basic image adjustments like brightness/contrast, applying filters like...
FPOIma.ga
FPOIma.ga is a free online image hosting and sharing service launched in 2019. It allows users to upload images in a variety of formats including JPG, PNG, GIF, and BMP up to a maximum file size of 10MB per image.Once uploaded, users can share images publicly for anyone to view...
BaconMockup
BaconMockup is a user-friendly online wireframing and mockup tool used to quickly create website, web app, mobile app, and software mockups. With an intuitive drag-and-drop interface, BaconMockup makes it easy for anyone to design mockups without technical skills or design experience.Key features of BaconMockup include:Drag-and-drop placement of text boxes, images,...
Placedog
Placedog is a free online service that generates random images of dogs that can be used as placeholder content. It was created as an easy way to add images of cute dogs to wireframes, mockups, or website and app prototypes that are being designed and developed.The images are computer generated,...
