The most easy to use responsive image viewer especially for mobile devices.

Features:

  • Intuitive gestures such as pinch-in/pinch-out/drag/swipe
  • Use Accelerometer to move images
  • Accessible from keyboards and screen-readers

A nice tesselation transition effect created by Chris Johnson, based on Delaunay Triangulation in order to create visually appealing and randomly generated color transition gradients and tesselations in the style of Material Design. This jaw-droppingly beautiful JS/CSS snippet can come in handy for photo galleries or header effects.


Some ideas for previewing or just playing with folders on hover. The idea is to show a little animation when hovering a folder icon and reveal some kind of preview for what's inside.


Zuck.js is a javascript library to create stories for mobile and desktop as you can see on Snapchat, Instagram, Facebook and WhatsApp.


ThreeJS: JavaScript 3D library

Thursday, 13 April 2017

ThreeJS is a lightweight (low-level complexity) 3D library made in JavaScript. The library makes use of canvas and SVG tags, CSS3D and WebGL renderers. The minified version can be easily integrated into your HTML, and it gives you a wide range of usage like the addition of cameras and lighting.


CSS and JavaScript Chat Box

Saturday, 08 April 2017

A simple and easy Javascript and CSS chat box that alternates between users. It is easily customizable to match your site and can be implemented in a heartbeat. The active profile pic gets colored while the others turn black and white for usability.


Tippy.js is a lightweight, pure Javascript tooltip library powered by Popper.js - an awesome positioning library that takes the headache out of positioning all the tooltips nicely.


HyperApp is a lightweight JavaScript library for building frontend applications.

Features

  • Declarative: HyperApp's design is based on the Elm Architecture. Create scalable browser-based applications using a functional paradigm. The twist is you don't have to learn a new language.

Snazzy Info Window is a plugin for customizable info windows using the Google Maps JavaScript API. This plugin was built to allow for easier styling of info windows using the Google Maps JavaScript API. It supports dynamic content, responsive sizing, and custom styling using SCSS. You can also have it show up above, below, right or left of the marker. If you are building custom maps for your site, this plugin is a must.


BaguetteBox is a pure JavaScript library for creating responsive lightbox galleries. It is very lightweight, mobile-ready, easy to use and customize, and utilizes CSS3 transitions for buttery-smooth image transitions.