imskyholder

0

View on GitHub

5,800 stars588 forksJavaScriptMIT0 viewsholderjs.com

Holder

:city_sunrise: Client-side image placeholders.

Features

Client-Side Generators - Generates SVG-based placeholder images entirely in the browser with customizable dimensions and styling.

Placeholder Insertion APIs - Triggers placeholder generation on image elements via a programmatic JavaScript API call.

Image Placeholder Customizers - Customizes placeholder images with background color, foreground color, text, font, size, alignment, and line wrapping.

Image Placeholders - Generates SVG-based placeholder images displayed in place of missing or loading images.

Appearance Customizers - Customizes placeholder appearance with background color, foreground color, text, font, size, alignment, and line wrapping.

Client-Side Placeholder Generators - Generates SVG-based placeholder images client-side for loading states or missing image fallbacks.

Fluid Placeholders - Generates fluid placeholder images that resize with viewport dimensions using percentage-based sizing.

Programmatic Insertion APIs - Provides a JavaScript API to programmatically generate and insert placeholder images into the DOM.

Programmatic Placeholder Inserters - Inserts placeholders programmatically on image elements via a JavaScript API call.

Responsive Placeholders - Generates fluid placeholder images that resize with viewport dimensions using percentage-based sizing.

SVG Placeholder Renderers - Generates SVG-based placeholder images with specified dimensions, text, and styling in the browser.

SVG - Creates SVG placeholder images client-side with support for text, colors, and responsive sizing.

SVG Placeholder Generators - Generates SVG placeholder images client-side with customizable dimensions and styling for layout use.

Responsive Placeholder Resizers - Adjusts placeholder image resizing behavior for responsive container layouts.

SVG Text Renderers - Renders custom text with font, size, alignment, and line wrapping inside SVG placeholders.

Placeholder Theme Mappers - Applies predefined or random color themes to SVG placeholders via theme name to color mappings.

Percentage-Based Dimension Calculators - Computes placeholder dimensions as percentages of container size for responsive layouts.

CSS Background Placeholder Generators - Renders placeholder images as CSS background images for HTML elements via a designated class.

CSS Background Placeholder Integrators - Integrates placeholder images as CSS background images for HTML elements via a designated class.

CSS Background Placeholders - Renders placeholder images as CSS background images for HTML elements with a designated class.

Fluid Placeholder Creators - Creates fluid placeholders with percentage-based dimensions for responsive viewport resizing.

Theme Managers - Manages predefined or random color themes for placeholder images to match layout design.

Theme Systems - Applies predefined or random color themes to placeholder images for consistent visual styling.

Object-Based Style Configurators - Configures placeholder appearance via JavaScript object parameters for colors, text, and alignment.

Predefined Theme Selectors - Uses built-in color themes to style placeholder images consistently.

Placeholder Theme Applicators - Applies predefined or random color themes to match placeholder visuals with layout design.

Background Image Injectors - Injects SVG placeholders as CSS background images on HTML elements via inline styles or data URIs.

Public Data APIs - Client-side image placeholder generation.

Holder

Features

Star history