Circle Bars : jQuery Progress Bars Plugin

Circle Bars : jQuery Progress Bars Plugin

Circle Bars is a Jquery plugin which is used to add circular countdown timers or progress bars in your project easily.

  • implemented with css; no canvas, png or jpg sprites messing around.
  • highly customisable with various designed skins.
  • less than 2KB when minified.
  • optimised and production ready code in dist/ folder.
  • SASS support also.

PDF Viewer – Javascript Plugin

PDF Viewer - Javascript Plugin

PDF Viewer is a Javascript plugin for embedding PDF files on a webpage. It is coded in pure Javascript, and does not require jQuery to work. So you can use this in AngularJS or ReactJS applications also.

Features:

  1. Embed a PDF document in a HTML element of your specified width
  2. Embed multiple PDF documents in a single page
  3. “Previous” & “Next” buttons to move to previous and next pages of the PDF
  4. Loading progress bar will be seen while PDF is being rendered
  5. “Full Screen” button to render the PDF in full-screen mode
  6. “Download” button to download the PDF

nanameSlider : jQuery Skew Content Slider Plugin

nanameSlider : jQuery Skew Content Slider Plugin

nanameSlider is the free and simple skew content slider jQuery plugin.

  • Uses native CSS3 translate3d and skewY.
  • Slides can contain HTML content, or images
  • Fully responsive – adapt to any device
  • Mobile touch slider
  • Browser support: Firefox, Chrome, Safari, iOS, Android, IE11
  • Tons of configuration options

jQuery MB balloon : Tooltip plugin

jQuery MB balloon : Tooltip plugin

jQuery mb balloon is a jQuery plug-in to add a balloon tip to any element; content can be a simple string, a DOM element or AJAX content.

FollowCursor : Following Effect on Hover with JavaScript

FollowCursor : Following Effect on Hover with JavaScript

FollowCursor is a rotate elements to create a following effect.

Mr. Data Converter : Convert Excel data into JSON & XML

Mr. Data Converter : Convert Excel data into JSON & XML

Mr. Data Converter takes CSV or tab-delimited data from a spreadsheet such as Excel and converts it into several web-friendly formats, including JSON and XML.

Sliced Dual Image Layout with CSS

Sliced Dual Image Layout with CSS

Today we’d like to share some layouts with a sliced image look with you. The idea is to show some text elements in a grid layout and change the content and images in a slideshow fashion. For the background image slices, we created a little plugin that has a couple of additonal options. For making an interesting transition, we use a glitch effect. This effect we also apply to some of the text.

KeplerJs : Full-stack Geosocial Network Platform

KeplerJs : Full-stack Geosocial Network Platform

KeplerJs is a open source geosocial solution that lets users share favorite places and join discussions in real-time. It can be seen as a platform where users can interact with other open data platforms OpenStreetMap among other sources.

Lozad.js : Highly Performant Lazy Loading Library

Lozad.js : Highly Performant Lazy Loading Library

Lozad js is a highly performant, light ~0.5kb and configurable lazy loader in pure JS with no dependencies for images, iframes and more, using IntersectionObserver API.

Features:

  • lazy loads elements performantly using pure JavaScript,
  • is a light-weight library, just 535 bytes minified & gzipped,
  • has NO DEPENDENCIES 🙂
  • allows lazy loading of dynamically added elements as well,
  • supports responsive images and background images

Organic SVG Shape Morph Ideas

Organic SVG Shape Morph Ideas

A small set of ideas for organic shape effects. The demos show some ways to use animated SVG morphs interactively on a website, including a menu hover and a content reveal effect.