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.
ScrollBooster is a lightweight and enjoyable content drag-to-scroll library. It can be used in table, images and any other content.
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 tutorial about creating some decorative shape and letter animations. Anime.js used for the animations and Charming used for working with the words.
Progress Nav is an animated progress bar that highlights sections of a page that are currently in view.
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.
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.
A nice code snippet about creating material design expanding action button menu by using jQuery and css.
MasonGram is a jQuery plugin to add Instagram feed to a page in masonry layout.
iFlow is a concise & powerful state management framework, iFlow has no dependencies and it's very small.
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
startVal is an open source ultimate jQuery slider plugin. It's a lightweight, fast and customizable slider.
Slice Slider is a little slicey transition slider using a simple add class deal. Supports scrollwheel (scroll jacking), nav buttons and arrow keys.
topbar is site-wide progress indicator with following features:
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.
Blotter provides a simple interface for building and manipulating text effects that utilize GLSL shaders without requiring that the designer write GLSL.
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
table2excel is a jQuery plugin to export HTML table to Excel Spreadsheet Compatible Files.
TOAST UI Chart provides many kind of charts as: Bar, Column, Line, Area, Pie, Bubble, Scatter, Map, Heatmap, Treemap, Radial, Boxplot.
Slice Revealer is a reveal effect where animated slices cover and uncover an image.
Anime.js for the animations and Intersection Observer API used for triggering the effects on scroll.
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.
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.
Modules can be linked based on contextual parameters like viewport size and element visibilty making Conditioner your perfect Responsive Design companion.
jQuery Pulsate adds a pulsating effect to elements. By animating it you can create a pulsating effect that's useful for focussing attention to a certain part of your webpage in a subtle way.
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.
Ergo Menu is a jQuery dropdown menu plugin that takes a regular
UL list and transforms it into either an expanding menu, or standard dropdown menu.