lazy-blur.js - A progressive image loader library with SVG blur effect.

  •        93

A progressive image loader library with SVG blur effect. You could download this script directly or install via npm.

https://github.com/Rplus/lazy-blur.js

Tags
Implementation
License
Platform

   




Related Projects

ng-lazyload-image - Lazy image loader for Angular ≥ v2

  •    TypeScript

The browser you targeting need to have support of WeakMap and String.prototype.includes. If you need to support an older browser (like IE) you will need to include polyfill for WeakMap and String.prototype.includes (see https://github.com/zloirock/core-js for example).

yall.js - A fast, flexible, and small image lazy loader!

  •    Javascript

yall.js is a featured-packed lazy loading script for <img>, <picture>, <video> and <iframe> elements. It works in all modern browsers including IE11. It uses Intersection Observer where available, but falls back to scroll, touchmove, resize, and orientationchange events where necessary. It can also monitor the DOM for changes using Mutation Observer to lazy load image elements that have been appended to the DOM after initial page render, which may be desirable for single page applications. It can also (optionally) optimize use of browser idle time using requestIdleCallback. To optimize decoding of <img> lazy loading for simple src and srcset use cases, yall.js uses Image.decode where available to decode images asynchronously before adding them to the DOM.

blazy - Hey, be lazy! bLazy

  •    Javascript

bLazy is a lightweight script for lazy loading and multi-serving images, iframes, videos and more (less than 1.4KB minified and gzipped). It’s written in pure JavaScript why it doesn’t depend on 3rd-party libraries such as jQuery. It lets you lazy load and multi-serve your images so you can save bandwidth and server requests. The user will have faster load times and save data usage if he/she doesn't browse the whole page. If you don't want to host the script yourself you can link to the latest minified file: //cdn.jsdelivr.net/blazy/latest/blazy.min.js on jsDelivr. Exchange latest with the specific version number if you want to lock it in.


lozad

  •    Javascript

It is written with an aim to lazy load images, iframes, ads, videos or any other element using the recently added Intersection Observer API with tremendous performance benefits. Existing lazy loading libraries hook up to the scroll event or use a periodic timer and call getBoundingClientRect() on elements that need to be lazy loaded. This approach, however, is painfully slow as each call to getBoundingClientRect() forces the browser to re-layout the entire page and will introduce considerable jank to your website.

iOS-blur - Blur a UIView

  •    Objective-C

In iOS 7 a new view is shown in several places that is transparent and has a nice blur effect. However Apple hasn't given us a public API to use this amazing view. Apple gave us some sample code at WWDC that blurs an UIImage object. It looks great, but isn't as cool as a view that blurs the views behind it in realtime.

react-native-blur - React Native Blur component

  •    Java

A component for UIVisualEffectView's blur and vibrancy effect on iOS, and 500px-android-blur on Android. Note: The maximum blurAmount on Android is 32, so higher values will be clamped to 32.

TYAlertController - Powerful, Easy to use alert view or popup view on controller and window, support blur effects,custom view and animation,for objective-c,support iphone, ipad

  •    Objective-C

Powerful, Easy to use alertView or popupView on controller and window, support blur effect, custom view and custom animation, use aotolayout.support iphone, ipad . 1.copy TYAlertController Folder to your project, if you want to have blur effect ,you need copy Blur Effects Folder to your project. 2. #import "UIView+TYAlertView.h", when you use it, if you want use blur effect, #import "TYAlertController+BlurEffects.h". 3. you can use TYAlertController show in controller, or use TYShowAlertView show in window, or use Category UIView+TYAlertView convenient show alertview. 4. check Demo,it have more usefull usage and example.

LazyCache - An easy to use thread safe generics based in memory caching service with a simple developer friendly API for c#

  •    CSharp

Lazy cache is a simple in-memory caching service. It has a developer friendly generics based API, and provides a thread safe cache implementation that guarantees to only execute your cachable delegates once (it's lazy!). Under the hood it leverages Microsoft.Extensions.Caching and Lazy to provide performance and reliability in heavy load scenarios. As you can see the magic happens in the GetOrAdd() method which gives the consumer an atomic and tidy way to add caching to your code. It leverages a factory delegate Func and generics to make it easy to add cached method calls to your app.

VisualEffectView - Dynamic blur background view with tint color (UIVisualEffectView subclass) 📱

  •    Swift

VisualEffectView is a blur effect library with tint color support. This library uses the UIVisualEffectView to generate the blur. Add an instance of VisualEffectView to your view.

echo - Lazy-loading images with data-* attributes

  •    Javascript

Echo is a standalone JavaScript lazy-loading image micro-library. Echo is fast, 2KB, and uses HTML5 data-* attributes for simple. Check out a demo. Echo works in IE8+.Using Echo.js is simple, to add an image directly into the page simply add a data-echo attribute to the img tag. Alternatively if you want to use Echo to lazy load background images simply add a `data-echo-background' attribute to the element with the image URL.

background-blur - Ultra light cross browser image blurring plugin for jQuery

  •    HTML

Background Blur plugin is a cross browser jQuery plugin for blurring images.

DynamicBlurView - DynamicBlurView is a dynamic and high performance UIView subclass for Blur.

  •    Swift

DynamicBlurView is a dynamic and high performance UIView subclass for Blur. Under the MIT license. See LICENSE file for details.

SABlurImageView - You can use blur effect and it's animation easily to call only two methods.

  •    Swift

You can use blur effect and it's animation easily to call only two methods. Make sure to add SABlurImageView.framework to "Linked Frameworks and Libraries" and "copy-frameworks" Build Phases.

EtsyBlur - EtsyBlur is an Android library that allows developers to easily add a glass-like blur effect implemented in the Etsy app

  •    Java

EtsyBlur is an Android library that allows developers to easily add a glass-like blur effect implemented in the past Etsy app. API Level 11 (Honeycomb) and above.

LazyList - Lazy load of images in Android

  •    Java

Lazy load of images in Android

jquery_lazyload - Vanilla JavaScript plugin for lazyloading images

  •    Javascript

Lazy Load delays loading of images in long web pages. Images outside of viewport will not be loaded before user scrolls to them. This is opposite of image preloading. This is a modern vanilla JavaScript version of the original Lazy Load plugin. It uses Intersection Observer API to observe when the image enters the browsers viewport. Original code was inspired by YUI ImageLoader utility by Matt Mlinac. New version loans heavily from a blog post by Dean Hume.

critters - 🦔 A Webpack plugin to inline your critical CSS and lazy-load the rest.

  •    Javascript

Critters is a Webpack plugin that inlines your app's critical CSS and lazy-loads the rest. It's a little different from other options, because it doesn't use a headless browser to render content. This tradeoff allows Critters to be very fast and lightweight. It also means Critters inlines all CSS rules used by your document, rather than only those needed for above-the-fold content. For alternatives, see Similar Libraries.