Best jQuery Core Java Script Plugins & Tutorials with Demo

Grid Loading Animations with JavaScript & CSS

Grid Loading Animations with JavaScript & CSS

Today we’d like to share a set of simple, inspirational loading animations for grid items with you. The idea is to show some image grid items with a (subtle) animation after loading has finished. For the demo we have three slightly different grid layouts with different gutters and column numbers.

Fingerprintjs2 : Modern & flexible browser Finger Printing library

Fingerprintjs2 : Modern & flexible browser Finger Printing library

Original fingerprintjs library was developed in 2012, it’s now impossible to evolve it without breaking backwards compatibilty, so this project will be where all the new development happens.

This project will use significantly more sources for fingerprinting, all of them will be configurable, that is it should be possible to cherry-pick only the options you need or just enable them all.

Experimental 3D Room Exhibition Layout with CSS3

Experimental 3D Room Exhibition Layout with CSS3

Today we’d like to share an experimental 3D layout with you. The idea is to show some information about a gallery’s exhibition in an interesting way. Each artist has a “room” in the gallery which shows the schedule for the exhibition. When clicking on one of the navigation buttons, we move away from the current room and proceed to the next (or previous) one with an animation.For this experiment we are using the animation library anime.js

SSi-Modal : Flexible Modal Window

SSi-Modal : Flexible Modal Window

Ssi-modal is the most flexible and powerful modal window.

  • Responsive
  • Mobile friendly
  • Customizable

Expanding Bar Navigation Concept with CSS & JavaScript

Expanding Bar Navigation Concept with CSS & JavaScript

Today we’d like to share an experimental tab-like navigation with you. The main idea is to animate the bars of the navigation in a way that they expand to reveal some further content. The navigation is either shown in a vertical or horizontal orientation. For this experiment we are using anime.js.

Stack Motion Hover Effects with CSS & JavaScript

Stack Motion Hover Effects with CSS & JavaScript

Today we’d like to share some tiny hover effect ideas with you. The concept stems from the hover effect seen on Merci-Michel which has a really nice feel to it because of its fluidity. The idea is to show a stack behind the hovered thumbnail that has the same main color as the image and then animate the elements in a swift motion. We are using the JavaScript library anime.js for the animations.

Blurify : JavaScript library to blurred Images

Blurify : JavaScript library to blurred Images

Blurify.js is a tiny(~2kb) library to blurred pictures, support graceful downgrade from `css` mode to `canvas` mode.

JavaScript Pull to Refresh Library

JavaScript Pull to Refresh Library

Pull to refresh implementation for the web. Designed to work with both mobile and desktop devices. Fits nicely with web-apps or single-page applications (SPA).

BunnyJS : Browser ES6 framework with JavaScript

BunnyJS : Browser ES6 framework with JavaScript

BunnyJS is a modern Vanilla JS and ES6 library and next-generation front-end framework, package of small stand-alone components without dependencies.

  • No dependencies – can be used in any project anywhere anytime
  • 0 learning curve – you can start right now, just plain JavaScript with simple architecture easy to maintain and extend
  • Designed in mind to build modern, complicated, real world business apps
  • Faster, simpler, enjoyable than any frontend framework
  • Large set of ready components, custom UI elements and utils

First Person Sunglasses with CSS & JavaScript

First Person Sunglasses with CSS & JavaScript

Today we’d like to share a fun little experiment with you: a geeky “try-on” sunglasses effect. It’s not a “try-on” in the classical sense for previewing how the sunglasses might look on a person, but instead how the view looks like when putting on some sunglasses and looking through them. For that we use a simple overlay effect and some animations to mimic the movement you do when you try on glasses from the first person perspective.



Best jQuery websites design awards