30 lightweight javascript plugins and libraries
In this review, we will introduce 30 free JavaScript plugins and libraries that focus on specific tasks. These are simple, useful and easy solutions that will help make the process of web design and development much easier and faster.
As you would expect below, you'll find many plugins for creating sliders, image galleries, responsive menus, and many other useful plugins and libraries. The list also includes plug-ins that offer truly unique functionality. Let's take a look at the list!
Philter is available as a plugin for jQuery and vanilla JavaScript. Gives you the ability to control CSS filters with HTML attributes.
Modern plugin that allows you to create beautiful modal windows with original design. JQuery popups can be customized with different effects and markup. There are ready-made options for the frame, form, AJAX`a. All that is needed is to plug in the library and plug-in styles. Download the jQuery modal plugin from the link above.
')
Algolia Places can instantly turn any input into an address search item using autocomplete. It has a built-in ranking system that offers the most obvious options in the first place, and other powerful features, such as the ability to ignore small typos and understand what the user actually meant. The library is very easy to use and will save you a lot of time.
The Marginotes library will allow you to make cool hints "on the fields", almost like on Medium. There is a version with jQuery and without it.
Microlight.js is a small tool designed to highlight code in any programming language. You do not need to connect third-party packages or libraries, everything is ready in this miniature script.
Force.js is an easy way to animate scrolling or another element on a page. The library has many different functions for animation and tries to use CSS animations by default, which is very good, however, if the browser does not support CSS3, javascript tools will be used. Force.js supports even older browsers that do not support the transition property.
Substance is a JavaScript library for editing web content. It includes all the necessary tools for creating test editors and web publishing systems.
A simple 7kb List.js mini-script adds interactivity to bulleted HTML lists. Using the script, you can make a convenient search, sorting, editing the list with adding or deleting new items (for example, address book on the page).
A jQuery datedropper plugin that provides a quick and easy way to manage a date entry field.
A jQuery plugin that creates a magnifying glass effect for enlarging images and HTML elements.
A masonry style structure generator for fixed width elements.
jQuery formBuilder is a new jQuery plugin for quickly creating drag & drop forms.
The sweetAlert library is a replacement for the standard window.alert () function. The library does not carry any dependencies. It consists of only two files: js and css. This library has three features. First, you can use it in any project. The second is a separate branch specifically adapted for Twitter Bootstrap . And the third, separate branch which you can use in your Android projects.
The Popper.js library offers another lightweight option for implementing tooltips on websites and web applications. In compressed form, it takes about 4 kilobytes and has a convenient API.
Image Blur Plugin is a lightweight, cross-browser jQuery plugin for blurring images.
LightGallery is a script gallery (lightbox), written in JavaScript , which displays images on top of a web page and can work with both single images and galleries using fade in / out effects. The script has been tested in all A-grade browsers: IE 7+, Firefox 2+, Safari 3+, Opera 9.5+, Chrome.
A small, convenient jQuery plugin for changing the name and favicon of a page when a user leaves your site.
Plugin that allows you to animate elements when scrolling the page.
baguetteBox.js is a simple and easy-to-use lightbox, without dependencies on external libraries with gesture support on mobile devices. Written in pure javascript.
Bideo.js is a JavaScript library that simplifies the process of adding video to the background of web pages.
A small tool that helps you quickly create stylized pop-up windows with a choice of dates. A standard HTML input tag is used with a plugin class assignment. Nothing extra, everything is neat and without dependencies.
Slidebars is a jQuery framework that allows you to quickly select the necessary styles for a mobile menu without a specific reference to the source. Slidebars can edit and process all major dimensions of the mobile menu of the site.
Sometimes you want to create interactive sound effects on the site. This plugin to cope with any task in this direction. Install any audio tracks on any blocks and elements.
Anime.js is a flexible and lightweight JavaScript library that helps to animate various things. If you need to add animations, then using anime.js will make it easier. The project exists not so long ago, but has already managed to collect almost seven thousand stars on the githaba
Do you make many forms, but write masks for input every time manually? Then the Cleave.js library is for you. It offers a large number of text field formatting options.
Skippr is a simple and easy-to-use jQuery plugin for implementing a full-screen slider on your site.
Turntable.js is a library that allows you to make one model of several images that can be rotated. The advantages of this library are that it is lightweight, responsive, easy to install and configure.
Easy jQuery plugin to create a convenient preview of GIF-animations, like on Facebook. Connect the plugin and specify the identifier of the object to which you want to apply effects.
The plugin is written in vanilla JavaScript , expands the capabilities of MediumEditor (copies of medium.com WYSIWYG editor) and allows users to insert various types of content into the editor (depending on the available add-ons).
Push.js is a cross-browser solution for receiving and launching JavaScript desktop notifications.
A tiny JavaScript library that makes embedded objects responsive, while maintaining the original aspect ratio. It supports a wide range of sources including Youtube, Flickr, Vine, VideoPress and DailyMotion.
Thanks to this library, you can add a Twitter button to any text on a web page. Just add a span with the necessary attributes and InlineTweet will automatically add the selected text to the link. When clicked on the text, it will generate a tweet, along with hashtags and URLs.
- Traffic from USA: reddit-marketing.pro
As you would expect below, you'll find many plugins for creating sliders, image galleries, responsive menus, and many other useful plugins and libraries. The list also includes plug-ins that offer truly unique functionality. Let's take a look at the list!
Philter
Philter is available as a plugin for jQuery and vanilla JavaScript. Gives you the ability to control CSS filters with HTML attributes.
iziModal.js
Modern plugin that allows you to create beautiful modal windows with original design. JQuery popups can be customized with different effects and markup. There are ready-made options for the frame, form, AJAX`a. All that is needed is to plug in the library and plug-in styles. Download the jQuery modal plugin from the link above.
')
Algolia places
Algolia Places can instantly turn any input into an address search item using autocomplete. It has a built-in ranking system that offers the most obvious options in the first place, and other powerful features, such as the ability to ignore small typos and understand what the user actually meant. The library is very easy to use and will save you a lot of time.
Marginotes
The Marginotes library will allow you to make cool hints "on the fields", almost like on Medium. There is a version with jQuery and without it.
Microlight.js
Microlight.js is a small tool designed to highlight code in any programming language. You do not need to connect third-party packages or libraries, everything is ready in this miniature script.
Force.js
Force.js is an easy way to animate scrolling or another element on a page. The library has many different functions for animation and tries to use CSS animations by default, which is very good, however, if the browser does not support CSS3, javascript tools will be used. Force.js supports even older browsers that do not support the transition property.
Substate
Substance is a JavaScript library for editing web content. It includes all the necessary tools for creating test editors and web publishing systems.
List.js
A simple 7kb List.js mini-script adds interactivity to bulleted HTML lists. Using the script, you can make a convenient search, sorting, editing the list with adding or deleting new items (for example, address book on the page).
Datedropper.js
A jQuery datedropper plugin that provides a quick and easy way to manage a date entry field.
jfMagnify
A jQuery plugin that creates a magnifying glass effect for enlarging images and HTML elements.
Bricks.js
A masonry style structure generator for fixed width elements.
jQuery formBuilder
jQuery formBuilder is a new jQuery plugin for quickly creating drag & drop forms.
SweetAlert2
The sweetAlert library is a replacement for the standard window.alert () function. The library does not carry any dependencies. It consists of only two files: js and css. This library has three features. First, you can use it in any project. The second is a separate branch specifically adapted for Twitter Bootstrap . And the third, separate branch which you can use in your Android projects.
Popper.js
The Popper.js library offers another lightweight option for implementing tooltips on websites and web applications. In compressed form, it takes about 4 kilobytes and has a convenient API.
Image Blur Plugin
Image Blur Plugin is a lightweight, cross-browser jQuery plugin for blurring images.
Lightgallery.js
LightGallery is a script gallery (lightbox), written in JavaScript , which displays images on top of a web page and can work with both single images and galleries using fade in / out effects. The script has been tested in all A-grade browsers: IE 7+, Firefox 2+, Safari 3+, Opera 9.5+, Chrome.
iMissYou.js
A small, convenient jQuery plugin for changing the name and favicon of a page when a user leaves your site.
ScrollReveal
Plugin that allows you to animate elements when scrolling the page.
baguetteBox.js
baguetteBox.js is a simple and easy-to-use lightbox, without dependencies on external libraries with gesture support on mobile devices. Written in pure javascript.
Bideo.js
Bideo.js is a JavaScript library that simplifies the process of adding video to the background of web pages.
flatpickr
A small tool that helps you quickly create stylized pop-up windows with a choice of dates. A standard HTML input tag is used with a plugin class assignment. Nothing extra, everything is neat and without dependencies.
Slidebars
Slidebars is a jQuery framework that allows you to quickly select the necessary styles for a mobile menu without a specific reference to the source. Slidebars can edit and process all major dimensions of the mobile menu of the site.
Loud links
Sometimes you want to create interactive sound effects on the site. This plugin to cope with any task in this direction. Install any audio tracks on any blocks and elements.
anime.js
Anime.js is a flexible and lightweight JavaScript library that helps to animate various things. If you need to add animations, then using anime.js will make it easier. The project exists not so long ago, but has already managed to collect almost seven thousand stars on the githaba
Cleave.js
Do you make many forms, but write masks for input every time manually? Then the Cleave.js library is for you. It offers a large number of text field formatting options.
Skippr
Skippr is a simple and easy-to-use jQuery plugin for implementing a full-screen slider on your site.
Turntable.js
Turntable.js is a library that allows you to make one model of several images that can be rotated. The advantages of this library are that it is lightweight, responsive, easy to install and configure.
jqGifPreview
Easy jQuery plugin to create a convenient preview of GIF-animations, like on Facebook. Connect the plugin and specify the identifier of the object to which you want to apply effects.
MediumEditor
The plugin is written in vanilla JavaScript , expands the capabilities of MediumEditor (copies of medium.com WYSIWYG editor) and allows users to insert various types of content into the editor (depending on the available add-ons).
Push.js
Push.js is a cross-browser solution for receiving and launching JavaScript desktop notifications.
SuperEmbed.js
A tiny JavaScript library that makes embedded objects responsive, while maintaining the original aspect ratio. It supports a wide range of sources including Youtube, Flickr, Vine, VideoPress and DailyMotion.
InlineTweet.js
Thanks to this library, you can add a Twitter button to any text on a web page. Just add a span with the necessary attributes and InlineTweet will automatically add the selected text to the link. When clicked on the text, it will generate a tweet, along with hashtags and URLs.
- Traffic from USA: reddit-marketing.pro
Source: https://habr.com/ru/post/309430/
All Articles