Preview the source code of 10 brilliant open-source jquery models and 10 jquery Models

Preview the source code of 10 brilliant open-source jquery models and 10 jquery Models

1. Flat Surface Shader-superb 3D simulated lighting effect

Flat Surface Shader is a superb 3D simulated lighting effect. You can configure a Canvas-based 2D context or draw a triangle based on an SVG polygon array. It also uses the native Float32Arrays to store digital data for highly optimized computing. You can adjust the color parameter preview effect and export the image.

Online Demo

Source code download

2. Sidr-the best jQuery plug-in for creating sidebar and responsive menus

Hiding menus on the sidebar is a good way for you to view navigation options as needed. This method is perfect for responsive layout because it saves space. Sidr is the best jQuery plug-in for creating sidebar and responsive menus. It provides a variety of menu display schemes.

Online Demo

Source code download

3. Chardin. js-Special HTML element masks

Sometimes, we want to show users details of an element on the page or guide users to perform operations. Chardin. js is such a jQuery plug-in that can help us implement a unique introduction to the mask effect. It uses the information in the Custom Data Attribute of the given element. Once triggered, it activates the mask effect used for guidance and introduction.

Online Demo

Source code download

4. IVORY-a lightweight, flexible, and powerful front-end development framework

Bootstrap and Foundation are currently the most widely used front-end development frameworks, but sometimes we need a lighter solution, and IVORY may be what you need. IVORY is based on a 12-column responsive grid layout that includes commonly used components and styles in websites such as tables, buttons, tables, pages, switches, tooltip, accordion, and tabs.

Online Demo

Source code download

5. iCheck: Super exquisite custom check box & single choice button

ICheck is a set of jQuery-based custom check boxes and single-choice buttons to avoid repeated wheel creation in daily development. In a large number of browsers, devices and their different versions, it provides a consistent style of appearance. The callback method can be used to conveniently process modifications and custom inputs.

Online Demo

Source code download

6. PathFinding. js-Comprehensive JavaScript path lookup Library

PathFinding. js is a comprehensive JavaScript path lookup library. The purpose of this project is to provide a path Search Library that can be easily incorporated into web games. It can run in Node. js or a browser. The Online Demo shows how the algorithm is executed. When instantiating the path finder, you can pass additional parameters to indicate specific policies.

Online Demo

Source code download

7. jQuery Unveil-another lightweight delayed loading plug-in

JQuery Unveil is a lightweight latency loading plug-in that supports high-resolution images for Retina display devices. This plug-in is very useful, it can improve the loading performance of images in long web pages, because the images (visible part of web pages) outside the view will not be loaded until users scroll to their areas. Delayed loading has some cool options, such as custom effects, containers, events, or data attributes. If you don't want to use these features, you can reduce the file size and leave the necessary code to display the image.

Online Demo

Source code download

8. Use FlipClock. js to create exquisite clock, timer, and countdown Functions

FlipClock. js was created because other solutions are not abstract enough to provide in-depth customization without rewriting the code. Some libraries have too many parameters, while others have too many hard-coded scripts, which is not flexible enough. Based on a lot of existing solutions, FlipClock. js provides scalable APIs to create any form of clock, counter, or countdown functions, and the page turning effect is cool.

Online Demo

Source code download

9. color gradient buttons implemented by pure css3

Today we bring you a color gradient button that is implemented in pure css3. The border and text color of this button are gradient by css3.

Online Demo

Source code download

10. jQuery & CSS: metal texture selection button

If CSS can be used well, the possibility of interaction and effect can be greatly increased. In this article, I would like to share with you a set of selection box effects that are made with jQuery and CSS in a metallic texture. They are definitely super exquisite.

Online Demo

Source code download