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.
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.
BsMultiSelect is a lightweight multiselect plugin for Bootstrap 4. It converts multi-select list into dropdown with checkboxes.
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
ScrollBooster is a lightweight and enjoyable content drag-to-scroll library. It can be used in table, images and any other content.
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.
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.
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.
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 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).
MasonGram is a jQuery plugin to add Instagram feed to a page in masonry layout.
table2excel is a jQuery plugin to export HTML table to Excel Spreadsheet Compatible Files.
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.
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.
Slide Out Box Menu is a details menu with boxes that slide out in an irregular grid. The grid items get revealed individually with delays from the top right corner of the page.
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.
Lazy loading is technique that defers loading of non-critical resources at page load time. These non-critical resources are loaded at the moment of need.
When we lazy load images and video, we reduce initial page load time, initial page weight, and system resource usage, all of which have positive impacts on performance.
A tutorial about creating some decorative shape and letter animations. Anime.js used for the animations and Charming used for working with the words.
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.
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
TOAST UI Editor provides Markdown mode and WYSIWYG mode. The TOAST UI Editor offers Markdown mode and WYSIWYG mode, those can be switched at any time during writing content.
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.
startVal is an open source ultimate jQuery slider plugin. It's a lightweight, fast and customizable slider.
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 nice code snippet about creating material design expanding action button menu by using jQuery and css.
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
Progress Nav is an animated progress bar that highlights sections of a page that are currently in view.
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.
EasyTimer.js is a simple timer/chronometer/countdown library compatible with AMD and NodeJS.
EasyTimer.js released under the MIT license
iFlow is a concise & powerful state management framework, iFlow has no dependencies and it's very small.