Cannon.js : JavaScript 3D Physics Engine

Cannon.js : JavaScript 3D Physics Engine

A lightweight 3D physics engine written in JavaScript. Inspired by three.js and ammo.js, and driven by the fact that the web lacks a physics engine, here comes cannon.js. The rigid body physics engine includes simple collision detection, various body shapes, contacts, friction and constraints.

Features:

  • Rigid body dynamics
  • Discrete collision detection
  • Contacts, friction and restitution
  • Constraints
    • PointToPoint (a.k.a. ball/socket joint)
    • Distance
    • Hinge (with optional motor)
    • Lock
    • ConeTwist
  • Gauss-Seidel constraint solver and an island split algorithm
  • Collision filters
  • Body sleeping
  • Experimental SPH / fluid support
  • Various shapes and collision algorithms

Muuri : Filterable & Draggable Grid Layouts with JavaScript

Muuri : Filterable & Draggable Grid Layouts with JavaScript

Muuri creates responsive, sortable, filterable and draggable grid layouts. Yep, that’s a lot of features in one library, but we have tried to make it as tiny as possible. Comparing to what’s out there Muuri is a combination of Packery, Masonry, Isotope and jQuery UI sortable.

iTyped : Dead simple Javascript Animated Typing

iTyped : Dead simple Javascript Animated Typing

iTyped is a dead simple Javascript animated typing, with no dependencies. iTyped has a tiny size and easy to use.

Inputmask : jQuery Input Mask Plugin

Inputmask : jQuery Input Mask Plugin

jQuery inputmask is a jquery plugin which create an input mask.

An inputmask helps the user with the input by ensuring a predefined format. This can be usefull for dates, numerics, phone numbers, …

Features:

  • easy to use
  • optional parts anywere in the mask
  • possibility to define aliases which hide complexity
  • date / datetime masks
  • numeric masks
  • lots of callbacks
  • non-greedy masks
  • many features can be enabled/disabled/configured by options
  • supports readonly/disabled/dir=”rtl” attributes
  • support data-inputmask attribute
  • multi-mask support

Object Fit Images : JavaScript Polyfill for Object-fit & Object-position

Object Fit Images : JavaScript Polyfill for Object-fit & Object-position

Polyfill object-fit and object-position on images on IE9, IE10, IE11, Edge, Safari, etc.

Features:

  • Fast and lightweight
  • No additional elements are created or necessary
  • Once set, position is taken care by the browser
  • srcset support
  • You can still access/change src and srcset properties and attributes: img.src = 'other-image.jpg'

Little Fragments: Simple Image Poster Effect with CSS & JavaScript

Little Fragments: Simple Image Poster Effect with CSS & JavaScript

A tutorial on how to create a simple image effect with little image fragments inspired by some poster art and powered by clip-path.

The inspiration comes from a poster of the Grand Canyon with a fun distortion-like effect: some pieces of the image are cut out and placed in a different position. The pieces are very small which creates an interesting and creative look. We’ll be showing you today how to create a similar effect with CSS and some JavaScript.

DROP : jQuery Responsive Dropdown Navigation

DROP : jQuery Responsive Dropdown Navigation

DROP is an awesome navigation jQuery plugin ready to use in any HTML page displayed on mobile phones, tablets and desktop devices.

Table-dragger : Easily drag and drop sorting Table

Table-dragger : Easily drag and drop sorting Table

Table-dragger is a minimalist plain Javascript library for building reorderable drag-and-drop table.

Features:

  • Super easy to set up
  • Cellspacing, cellpadding, col and colgroup in account
  • Able to sort columns or rows at the same time
  • Smooth animation when sort
  • No bloated dependencies
  • Touch events

Footer-reveal.js : jQuery Fixed or Reveal Footer Effect Plugin

Footer-reveal.js : jQuery Fixed or Reveal Footer Effect Plugin

Footer-reveal.js is a jQuery plugin for easy implementation of the ‘fixed/reveal’ footer effect.

Unibox : jQuery Universal Search box Plugin

Unibox : jQuery Universal Search box Plugin

Unibox is a jQuery Plugin for a universal search box with search suggestion.