# imsky/holder **Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/imsky-holder).** 5,800 stars · 588 forks · JavaScript · MIT ## Links - GitHub: https://github.com/imsky/holder - Homepage: http://holderjs.com - awesome-repositories: https://awesome-repositories.com/repository/imsky-holder.md ## Topics `hacktoberfest` ## Description :city_sunrise: Client-side image placeholders. ## Tags ### User Interface & Experience - [Client-Side Generators](https://awesome-repositories.com/f/user-interface-experience/image-placeholders/client-side-generators.md) — Generates SVG-based placeholder images entirely in the browser with customizable dimensions and styling. - [Image Placeholder Customizers](https://awesome-repositories.com/f/user-interface-experience/cards/card-styling/placeholder-customization/image-placeholder-customizers.md) — Customizes placeholder images with background color, foreground color, text, font, size, alignment, and line wrapping. ([source](https://cdn.jsdelivr.net/gh/imsky/holder@master/README.md)) - [Image Placeholders](https://awesome-repositories.com/f/user-interface-experience/image-placeholders.md) — Generates SVG-based placeholder images displayed in place of missing or loading images. ([source](https://cdn.jsdelivr.net/gh/imsky/holder@master/README.md)) - [Appearance Customizers](https://awesome-repositories.com/f/user-interface-experience/image-placeholders/appearance-customizers.md) — Customizes placeholder appearance with background color, foreground color, text, font, size, alignment, and line wrapping. - [Client-Side Placeholder Generators](https://awesome-repositories.com/f/user-interface-experience/image-placeholders/client-side-placeholder-generators.md) — Generates SVG-based placeholder images client-side for loading states or missing image fallbacks. - [Fluid Placeholders](https://awesome-repositories.com/f/user-interface-experience/image-placeholders/fluid-placeholders.md) — Generates fluid placeholder images that resize with viewport dimensions using percentage-based sizing. - [Programmatic Insertion APIs](https://awesome-repositories.com/f/user-interface-experience/image-placeholders/programmatic-insertion-apis.md) — Provides a JavaScript API to programmatically generate and insert placeholder images into the DOM. - [Programmatic Placeholder Inserters](https://awesome-repositories.com/f/user-interface-experience/image-placeholders/programmatic-placeholder-inserters.md) — Inserts placeholders programmatically on image elements via a JavaScript API call. ([source](https://cdn.jsdelivr.net/gh/imsky/holder@master/README.md)) - [Responsive Placeholders](https://awesome-repositories.com/f/user-interface-experience/image-placeholders/responsive-placeholders.md) — Generates fluid placeholder images that resize with viewport dimensions using percentage-based sizing. - [SVG Placeholder Renderers](https://awesome-repositories.com/f/user-interface-experience/image-placeholders/svg-placeholder-renderers.md) — Generates SVG-based placeholder images with specified dimensions, text, and styling in the browser. ([source](https://cdn.jsdelivr.net/gh/imsky/holder@master/README.md)) - [SVG](https://awesome-repositories.com/f/user-interface-experience/ui-components/feedback-overlay-components/loading-indicators/loading-placeholders/placeholder-generators/svg.md) — Creates SVG placeholder images client-side with support for text, colors, and responsive sizing. - [Placeholder Theme Mappers](https://awesome-repositories.com/f/user-interface-experience/color-themes/placeholder-theme-mappers.md) — Applies predefined or random color themes to SVG placeholders via theme name to color mappings. - [Percentage-Based Dimension Calculators](https://awesome-repositories.com/f/user-interface-experience/image-dimension-calculators/percentage-based-dimension-calculators.md) — Computes placeholder dimensions as percentages of container size for responsive layouts. - [CSS Background Placeholder Generators](https://awesome-repositories.com/f/user-interface-experience/image-placeholders/css-background-placeholder-generators.md) — Renders placeholder images as CSS background images for HTML elements via a designated class. ([source](https://cdn.jsdelivr.net/gh/imsky/holder@master/README.md)) - [CSS Background Placeholder Integrators](https://awesome-repositories.com/f/user-interface-experience/image-placeholders/css-background-placeholder-integrators.md) — Integrates placeholder images as CSS background images for HTML elements via a designated class. - [CSS Background Placeholders](https://awesome-repositories.com/f/user-interface-experience/image-placeholders/css-background-placeholders.md) — Renders placeholder images as CSS background images for HTML elements with a designated class. - [Fluid Placeholder Creators](https://awesome-repositories.com/f/user-interface-experience/image-placeholders/fluid-placeholder-creators.md) — Creates fluid placeholders with percentage-based dimensions for responsive viewport resizing. ([source](https://cdn.jsdelivr.net/gh/imsky/holder@master/README.md)) - [Theme Managers](https://awesome-repositories.com/f/user-interface-experience/image-placeholders/theme-managers.md) — Manages predefined or random color themes for placeholder images to match layout design. - [Theme Systems](https://awesome-repositories.com/f/user-interface-experience/image-placeholders/theme-systems.md) — Applies predefined or random color themes to placeholder images for consistent visual styling. - [Object-Based Style Configurators](https://awesome-repositories.com/f/user-interface-experience/inline-styles/object-based-style-configurators.md) — Configures placeholder appearance via JavaScript object parameters for colors, text, and alignment. - [Predefined Theme Selectors](https://awesome-repositories.com/f/user-interface-experience/visual-theme-configurations/visual-themes/predefined-theme-selectors.md) — Uses built-in color themes to style placeholder images consistently. ([source](https://cdn.jsdelivr.net/gh/imsky/holder@master/README.md)) - [Placeholder Theme Applicators](https://awesome-repositories.com/f/user-interface-experience/visual-theme-configurations/visual-themes/predefined-theme-selectors/placeholder-theme-applicators.md) — Applies predefined or random color themes to match placeholder visuals with layout design. ([source](https://cdn.jsdelivr.net/gh/imsky/holder@master/README.md)) ### Programming Languages & Runtimes - [Placeholder Insertion APIs](https://awesome-repositories.com/f/programming-languages-runtimes/javascript-interop/stream-writes-to-javascript/javascript-function-invocations/placeholder-insertion-apis.md) — Triggers placeholder generation on image elements via a programmatic JavaScript API call. ### Web Development - [SVG Placeholder Generators](https://awesome-repositories.com/f/web-development/client-side-image-generation/svg-placeholder-generators.md) — Generates SVG placeholder images client-side with customizable dimensions and styling for layout use. - [Background Image Injectors](https://awesome-repositories.com/f/web-development/client-side-components/script-injection-mechanisms/dom-script-injection/ui-element-injection/css-style-injections/background-image-injectors.md) — Injects SVG placeholders as CSS background images on HTML elements via inline styles or data URIs. ### Graphics & Multimedia - [Responsive Placeholder Resizers](https://awesome-repositories.com/f/graphics-multimedia/image-editing-processing/image-processing/dimension-resizing/responsive-placeholder-resizers.md) — Adjusts placeholder image resizing behavior for responsive container layouts. ([source](http://holderjs.com)) - [SVG Text Renderers](https://awesome-repositories.com/f/graphics-multimedia/text-to-svg-generators/svg-text-renderers.md) — Renders custom text with font, size, alignment, and line wrapping inside SVG placeholders. ### Part of an Awesome List - [Public Data APIs](https://awesome-repositories.com/f/awesome-lists/data/public-data-apis.md) — Client-side image placeholder generation.