Draggable Menu with Image Grid Previews

Draggable Menu with Image Grid Previews

A draggable inline menu with a scattered thumbnail preview of an image grid.After our little draggable image strip experiment, we wanted to explore using the dragging functionality on a menu. The idea is to show a large inline menu with some scattered thumbnails. The menu can be dragged and while doing so, the thumbnails get moved with an animation. Each menu item also changes the letters to show an outlined version. When clicking on the “explore” link under a menu item, the thumbnails move and enlarge to form a grid.

Spotlight : Lightweight Image Gallery Plugin

Spotlight : Lightweight Image Gallery Plugin

Spotlight is a web’s most easy to integrate lightbox gallery library. Super-lightweight, outstanding performance, no dependencies.

Spotlight runs out of the box:

  • No additional Javascript coding
  • No additional HTML snippets
  • No additional CSS resources
  • No additional images/assets
  • No additional handling of dynamic content and event listener

Filerobot : JavaScript Image Editor

Filerobot : JavaScript Image Editor

he Filerobot Image Editor is the easiest way to integrate an easy-to-use image editor in your web application. Integrated with few lines of code, your users will be able to apply basic transformations like resize, crop, rotate and various filters to any image. Once edited, the Image Editor will return an URL to the resulting image and deliver it rocket fast over CDN all around the World.

jQuery camRoll Slider Plugin

jQuery camRoll Slider Plugin

camRoll is a jQuery slider plugin which enables the user to navigate between slides by clicking/taping the navigation thumbnails.

Soch Social Chat Support jQuery Plugin

Soch Social Chat Support jQuery Plugin

Soch Social chat support create a personal connection with customers looking for support. A complete solution to provide support to your audience. This is a easy way to support and keep contact with your customers.

Features:

  1. WhatsApp, Skype & Messenger
  2. Time Availability
  3. Supports Multiple Accounts
  4. Custom Messages for Available and Offline
  5. Fully Responsive
  6. Browser Compatible

Pinker : JavaScript library for Rendering Code Dependency Diagrams

Pinker : JavaScript library for Rendering Code Dependency Diagrams

Pinker is a standalone JavaScript library for rendering code dependency diagrams on your web page.Pinker is a standalone JavaScript library for rendering code dependency diagrams on your web page.Pinker gives the user control over the layout of the diagram, so you can render more complicated diagrams.

Supports: UML diagrams, nested scopes, arrows crossing scopes, and aliases.

Draggable Image Strip with TweenMax

Draggable Image Strip with TweenMax

A draggable image strip layout with a content preview powered by Draggabilly and TweenMax.. The idea is to show a strip of differently sized images that can be dragged. When clicking and holding to drag, a title element appears and the images get scaled. This separates the images and gives the whole thing an interesting look. When a number gets clicked, the same separation happens and then the images fly up. Another larger version of the images slides in from the bottom.

Handtrack.js : Realtime Handtracking in the Browser

Handtrack.js : Realtime Handtracking in the Browser

Handtrack.js is a library for prototyping realtime hand detection (bounding box), directly in the browser. Underneath, it uses a trained convolutional neural network that provides bounding box predictions for the location of hands in an image. The convolutional neural network (ssdlite, mobilenetv2) is trained using the tensorflow object detection api .

Zdog : A Pseudo-3D Engine for Canvas and SVG

Zdog : A Pseudo-3D Engine for Canvas and SVG

Zdog is a 3D JavaScript engine for <canvas> and SVG. With Zdog, you can design and render simple 3D models on the Web. Zdog is a pseudo-3D engine. Its geometries exist in 3D space, but are rendered as flat shapes.

Zdog uses the same principle. It renders all shapes using the 2D drawing APIs in either <canvas> or <svg>. Spheres are actually dots. Toruses are actually circles. Capsules are actually thick lines. It’s a simple, but effective trick. The underlying 3D math comes from Rotating 3D Shapes by Peter Collingridge.

ArtPlayer : Modern HTML5 Video Player

ArtPlayer : Modern HTML5 Video Player

Artplayer.js is a modern and full featured HTML5 video player.

  • Support vtt and srt subtitles
  • Support video quality switching
  • Support for custom controllayercontextmenusetting
  • Support playback rateaspect ratioflipwindow fullscreen or web fullscreen adjustment
  • Support integration with other dependencies, like: flv.jshls.jsdash.jsshaka-playerwebtorrent
  • Support chrome native picture-in-picture mode, or custom picture-in-picture mode
  • Support thumbnails and highlight in the progress bar
  • Support to maintain the original video ratio, adaptive size
  • Support rich custom event monitoring, easy to expand
  • Support for internationalization of controls
  • Support for custom plugins
  • Support local video preview
  • Support subtitle time offset