{"repo":"nckblu/react-image-and-background-image-fade","free":true,"listed":false,"github":"https://github.com/nckblu/react-image-and-background-image-fade","clone":"git clone https://github.com/nckblu/react-image-and-background-image-fade.git","description":"React Image and Background Image Preloader and Fade in. Load those images in smooth!","language":"TypeScript","stars":26,"topics":["react","image-preloader","react-components"],"license":"MIT","category":"ui-components","readme_excerpt":"React Image and Background Image Fade A modern React image loading toolkit for images, background images, responsive sources, placeholders, lazy loading, and fade transitions. Version 2 is a ground-up rewrite for modern React. It keeps the original package ethos: make loaded images feel polished without forcing users into a specific design system. Install Import the optional default styles once: Quick Start What V2 Includes - TypeScript-first API and bundled declarations. - React 18.3+ and React 19 support. - Hook-first image loading with useImage . - for normal images with placeholders and fade-in. - for preloaded CSS background images. - for art direction and AVIF/WebP fallback sources. - render prop for fully custom loading UIs. - ImageConfigProvider for design-system defaults. - 8 fade types : fade, blur-in, zoom-blur, soft-reveal, wipe, slide-up, scale, and curtain. - 8 curated easing presets : Material, Apple, Cinematic, Dramatic, and more. - Responsive helpers for generating srcSet and sizes . - Native image attributes: srcSet , sizes , loading , decoding , fetchPriority , crossOrigin , and more. - Industry-leading skeleton shimmer with typed theme options and CSS variable customization. - SSR-friendly markup for image and picture usage. - No styled-components , prop-types , image-preloader , or visibility-sensor dependency. Image Useful props: Prop Type Notes --- --- --- src string Required image URL. alt string Required accessible alternative text. width , height num","default_branch":null,"files":null,"tree":[],"storefront":"/r/nckblu","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/nckblu/react-image-and-background-image-fade/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}