Best jQuery Core Java Script Plugins & Tutorials with Demo

Mirror Effect with CSS & JavaScript

Mirror Effect with CSS & JavaScript

Today we’d like to share a little effect with you that you might have already stumbled upon on the Web. It’s a kind of a mirror effect as seen on sites like Corentin Fardeau and Method.

amCharts Data Loader with JSON or CSV Files

amCharts Data Loader with JSON or CSV Files

By default all amCharts libraries accept data in JSON format. It needs to be there when the web page loads, defined in-line or loaded via custom code.

This plugin introduces are native wrapper that enables automatic loading of data from external data data sources in CSV and JSON formats.

Demo 1 Demo 2 Demo 3

Block Reveal Effects with CSS & JavaScript

Block Reveal Effects with CSS & JavaScript

Today we’d like to share a couple of ideas for a kind of block reveal effect that has been used in some designs recently. The main idea is to reveal content in a schematic box look. The effect first shows a decorative block element being drawn and when it starts to decrease its size, it uncovers some content underneath.

Loud Links : JavaScript library for adding Interaction Sounds

Loud Links : JavaScript library for adding Interaction Sounds

A simple tiny Javascript library to add interaction sounds to your website.The library creates HTML5 audio element and uses it to play mp3/ogg audio files which is currently supported in all browsers.

PulltoRefresh.js : Javascript Pull to refresh feature Library

PulltoRefresh.js : Javascript Pull to refresh feature Library

A small, but powerful Javascript library crafted to power your webapp’s pull to refresh feature. No markup needed, highly customizable and dependency-free!

Siema : Lightweight and simple carousel in pure JavaScript

Siema : Lightweight and simple carousel in pure JavaScript

Siema is a lightweight (only 1kb gzipped) carousel plugin with no dependencies and no styling. As Brad Frost once said “do that shit yourself”. It is 100% open source and available on Github. It is free to use on personal and commercial projects. Use it with your favourite module bundler or by manually injecting the script into your project.

Interactive Musical Instruments with JavaScript

Interactive Musical Instruments with JavaScript

Experimental ideas for playful musical interactions powered by MIDI.js and the Web Audio API. Play instruments or make sounds by interacting with content.

Trial.js : Mouse Monitoring & Prediction Library

Trial.js : Mouse Monitoring & Prediction Library

Trial.js is a simple library could monitor mouse position and predict user input

Features :

  • No dependency
  • Lightweight (~1kb gzipped)
  • Automatically extends jQuery and Zepto properties

Kissui.Position : JavaScript to Track element on the Page

Kissui.Position : JavaScript to Track element on the Page

Kissui position is a javaScript to track element on the page like a boss.Here is a list of available events:

  • in – when element is in the viewport
  • out – when element is not in the viewport
  • middle – center aligned element (vertically)
  • center – center aligned element (horizontally)
  • top – element at the top of the page
  • bottom – elemennt at the bottom of the page
  • left – element at the left side of the page
  • right – element at the right side of the page
  • partially – with one only works with out event, e.g. partially out and it means when the element is partially out of the element (e.g. half of the height or width)

Floating.js : JavaScript Animated Floating Elements

Floating.js : JavaScript Animated Floating Elements

Floating js is a animated float a number of things up on a page (hearts, flowers, emojis, words …).



Best jQuery websites design awards