1.Flat Surface shader– Ultra-cool 3D analog lighting effect
Flat Surface Shader is a stunning 3D simulated lighting effect that can be configured to use a Canvas-based 2D context or to draw a triangle based on an SVG polygon array. It also uses native Float32arrays to store digital data for highly optimized calculations. You can adjust the color parameter preview effect, and you can export the image.
Online Demo
SOURCE download
2.sidr– Best JQuery plugin for creating sidebar and responsive menus
The sidebar Hide menu is a great way to enable users to view navigation options when they need it. And this approach is perfect for responsive layouts because it saves space. SIDR is the best jQuery plugin for creating sidebar and responsive menus, providing a variety of menu display options.
Online Demo
SOURCE download
3.chardin.js– very chic HTML element matte Introduction Effect
Sometimes we want to show the details of an element to the user on the page or to guide the user through the action. Chardin.js is such a jQuery plugin that can help us achieve a chic matte presentation. It uses the information in the custom data properties of the given element, and once triggered, the matte effect is activated for guidance and presentation.
Online Demo
SOURCE download
4.ivory– lightweight, flexible, and powerful front-end development framework
Bootstrap and Foundation are the most Popular front-end development frameworks available, but sometimes we need a lighter solution, IVORY maybe what you need. IVORY is a 12-column responsive grid layout that includes tables, buttons, tables, pagination, toggle switches, ToolTips, accordion, tabs, and other commonly used components and styles in websites.
Online Demo
SOURCE download
5.iCheck: Super-Fine custom check box & radio button
ICheck is a set of JQuery-based custom checkboxes and radio buttons to avoid duplicating wheels in daily development. In a large number of browsers, devices and their different versions, it provides a consistent look and feel. Callbacks and methods can be used to easily handle modifications and custom input.
Online Demo
SOURCE download
6.pathfinding.js– Comprehensive JavaScript Path Lookup library
Pathfinding.js is a comprehensive JavaScript path lookup library. The goal of this project is to provide a library of paths that can be easily incorporated into the web game. It can run in node. js or in the browser. The online demo provided shows how the algorithm is executed. When you instantiate a pathfinder, you can pass additional parameters to represent the specific policy.
Online Demo
SOURCE download
7.jQuery unveil– Another very light-weight delay-loading plugin
The JQuery unveil is a lightweight delay-loading plugin that supports high-resolution images for Retina display devices. This plugin is useful for improving the loading performance of images in long web pages, because images other than viewports (visible portions of pages) will not be loaded until the user scrolls to the area where they are located. Lazy loading has some cool options, such as custom effects, containers, events, or data properties. If you do not want to use these features, you can reduce the size of the file, leaving only the necessary code to display the image.
Online Demo
SOURCE download
8. Use Flipclock.js to create beautiful clocks, timers and Countdown functions
Flipclock.js is created because other solutions are not abstract enough to provide deep customization in the case of code that is not rewritten. Some libraries have too many parameters, while others are too hard-coded in the script to be flexible enough. On the basis of many existing solutions, Flipclock.js provides an extensible API to create any form of clock, counter, or Countdown function, and the page turn effect is cool.
Online Demo
SOURCE download
9. Color Gradient button implemented by pure CSS3
Today brings you a pure CSS3 implementation of the color gradient button. The border of this button and the color of the text achieve a gradient of two colors by CSS3.
Online Demo
SOURCE download
10.jQuery & CSS Making metal-Textured selection buttons
If we can use the CSS well, we create a good interaction and the likelihood of the effect greatly increased. In this article, I would like to share with you a set of metal-filled selection boxes combined with JQuery & CSS, which is definitely super-beautiful.
Online Demo
SOURCE download
10 super-Bright source jquery source Preview effect