A tutorial about creating very cool WebGL Distortion Slider using Three.js for the image transitions and some crude HTML + CSS just to mockup the UI around the background.
Dropdown Tree is a dynamic dropdown menu, based on Bootstrap and jQuery with click handlers, data handlers. You can select single or multi items, and can bind remote data with ajax request.
Session timeout and keep-alive control with a nice Bootstrap warning dialog.
After a set amount of idle time, a Bootstrap warning dialog is shown to the user with the option to either log out, or stay connected.
BsMultiSelect is a lightweight multiselect plugin for Bootstrap 4. It converts multi-select list into dropdown with checkboxes.
Priority Nav Scroller is a plugin for the priority+ navigation pattern. When the navigation items don’t fit on screen they are hidden in a horizontal scrollable container with controls.
Sticky Navigation Menu with Smooth Scrolling is a basically a template with couple of features like that are invoked on scroll, shrink header, addition of drop shadow.
Smooth scroll feature is also added to logo(scroll top top) and smooth scroll to section on clicking menu item.
Tokenize2 is a jQuery plugin that allows you to select multiple items from a predefined list or ajax, using autocomplete as they type to find each item.
Split Slick Slideshow is a vertical slideshow in split screen by using CSS and Javascript.
Rete is a modular framework for visual programming. Rete allows you to create node-based editor directly in the browser. You can define nodes and workers that allow users to create instructions for processing data in your editor without a single line of code
Input Spinner is a jQuery plugin to create input spinner elements for number input by using Bootstrap 4.
Sal.js (Scroll Animation Library) is a performance focused, lightweight scroll animation library, written in vanilla JavaScript. It's based on the Intersection Observer.
basicScroll is a standalone parallax scrolling library with CSS variables inspired by skrollr. basicScroll lets you to change CSS variables depending on the scroll position.
Apexcharts.js is a modern JavaScript charting library to build interactive charts and visualizations with simple API.
Glider.js is a blazingly fast, lightweight, responsive, unopinionated, dependency-free carousel alternative. It's inspired by Slick.js.
A simple and customizable year calendar with jQuery and Bootstrap. It has range picker functionality and multi language support.
ScrollBooster is a lightweight and enjoyable content drag-to-scroll library. It can be used in table, images and any other content.
Navigation bar that sticks as you scroll, animating a slider which indicates the page section you are currently looking at. Written with SCSS, Javascript, and jQuery.
sessionTimeout is a jQuery plugin to display a dialog with the option to either "log out now" or "stay connected", after a set amount of idle time.
Counter Up is a lightweight jQuery plugin that counts up to a targeted number when the number becomes visible.
It supports counting up:
123450.12341,234,567.00
Pushbar.js is a lightweight javascript plugin for creating sliding drawers in web apps. It is fully customizable and dependency free. You can use it as sidebar menus or option drawers.
Build responsive, mobile-first projects on the web with the world's most popular front-end component library.
Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.
Glide.js is a dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide, no less.
A tutorial about how to animate images and videos using curtains.js
Curtains.js allows you to create planes containing images and videos that act like plain HTML elements, with position and size defined by CSS rules.
Magic Grid is a simple, lightweight Javascript library for creating dynamic grid layouts. Magic Grid, you need to specify a container and listen for changes. Also a few other configuration options are available for convenience.
Zeu.js is JavaScript library featuring a collection of prebuilt visualization components for building real-time TV dashboard, monitoring UI and IoT web interface.
jQuery Time Slider is a jQuery plugin to create sliders with selection of time and date.
Swup is a easy to use and flexible page transition library.You can define as many containers to replace, so you can work with the rest for your animation.
MasonGram is a jQuery plugin to add Instagram feed to a page in masonry layout.
face-api.js is a JavaScript API for face recognition and face detection in the browser by using tensorflow.js
dom-to-image is a JavaScript library which can turn arbitrary DOM node into a SVG (vector) or PNG-JPEG (raster) image.
EasyTimer.js is a simple timer/chronometer/countdown library compatible with AMD and NodeJS.
EasyTimer.js released under the MIT license
Gliding Gallery is a simple image gallery with transitions. You can also watch video tutorial of gliding gallery.
A tutorial about creating a fullscreen loop effect that shows a fast preview of images when hovering a special menu item. The animations are made using TweenMax
A tutorial about creating cool temperature slider using svg, css and javascript.
Rallax.js is a Vanilla JS plugin that implements a dynamic parallax scrolling effect, without dependencies.
A lightweight library that can be used for bursting particles effects for button. The idea is to disintegrate an element into particles and make it disappear (or vice versa).
A diagonal look slideshow with three visible slides. A decorative background element expands to fullscreen when opening the content preview. The animations are powered by TweenMax.
SuperSlide.js is a flexible, smooth, GPU accelerated sliding menu for your next PWA (Progressive Web Apps).
This library aims to provide a highly configurable, ready-to-use sliding menu for your next web application, while delivering native-like animation performance
F2 is an elegant, interactive and flexible charting library for mobile.
F2 is born for mobile, developed for developers as well as designers. It is Html5 Canvas-based, and is also compatible with Node.js, Weex and React Native.
spzoom is a jQuery plugin to create simple hover image zoom. There are some options to custiomize width, height, position, margin of the zoom display area.
Scrolling Letters Animation is a switching title effect where a fixed text element changes with an animation depending on the scroll position by using CSS and anime.js
Masked Circle Slider is a slick slider with a nice mask effect by using CSS and javascript.
G6 is a graph visualization framework. It provides a set of base mechanisms, help developers to build your own graph visualization analysis application or graph visualization edit application.
A tutorial about creating pull to re-fresh animation by using javascript and SVG.
TOAST UI Grid is a powerful grid component that allows you to visualize and edit data via its table representation.
Tower Game is a HTML5 canvas tower building game using javascript. MIT licensed and has some option to customize.
VanillaMasker is a simple and pure javascript library to mask your input elements. It's a cross-browser and cross-device library.
A tutorial about creating 4 different menu animations for menu button toggle between dots, cross and back icon.
A tutorial about creating a set of link hover effects that reveal a thumbnail in different creative ways.
FilePond is a flexible and fun javascript file upload plugin with beautiful animations, fast uploads with client-side image optimization and smooth user experience.
