Best jQuery Core Java Script Plugins & Tutorials with Demo

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.

Chatbot : Simple Chat bot in JavaScript

Chatbot : Simple Chat bot in JavaScript

A simple chat bot in JavaScript with links to smart conversational APIs such as WebKnox (all purpose question answering), spoonacular (food related conversations), and DuckDuckGo Instant Answers (mostly entities like movies, people, and places).

P2.js : JavaScript 2D physics library

P2.js : JavaScript 2D physics library

2D rigid body physics engine written in JavaScript. Includes collision detection, contacts, friction, restitution, motors, springs, advanced constraints and various shape types.

Inspiration for Search UI Effects with CSS & JavaScript

Inspiration for Search UI Effects with CSS & JavaScript

Today we’d like to share a couple of ideas for search interaction effects with you. Mainly, we’d like to provide you with some inspiration for how to show the search interface in an interesting way. Maybe you’ve seen some modern animations for showing the search already, like Swiss Army Man or CMMNTY. Today we want to explore some different layouts combined with some engaging CSS animations.

Poly-Decomp.js : Decompose 2D polygons into convex pieces

Poly-Decomp.js : Decompose 2D polygons into convex pieces

Poly-Decomp.js is a library for decomposing 2D polygons into convex regions.

StoryMapJS : Maps that tell Stories

StoryMapJS : Maps that tell Stories

StoryMapJS is a simple tool to help you tell stories with maps. If you want information on creating JSON with your own code and embedding it, see the “Advanced” documentation on the StoryMap website.



Best jQuery websites design awards