8.2 C
New York
Friday, July 3, 2020
Home Blog Amazing Javascript & jQuery plugins you should use

Amazing Javascript & jQuery plugins you should use

Javascript and jQuery is a wonderful tools for every programmer and web developer. Here we have added some of latest Javascript and jQuery plugins for your web & mobile projects. Amazing Free Javascript & JQuery Plugins and libraries on this page all offer a straightforward and specific function. There are no bloated all-in-one frameworks. Just useful, lightweight and problem-solving solutions to help make the web design and development process much easier and quicker for you.

T-Scroll: A Modern Reveal-On-Scroll JS Library

T-Scroll is a modern reveal-on-scroll JavaScript library for creating custom element animations when scrolling a web page. The library is built in pure JavaScript (ES6/Babel – no jQuery dependency) and Sass (processed with Gulp).

T-Scroll is fully customisable: it provides more than 45 CSS effects and many other options to allow a quite high flexibility level. Furthermore, t-scroll animations are compatible with the most common browsers (IE10+, Firefox, Safari, Opera, Chrome, etc.) and in the repo you may find many W3C valid sample code.

Datedropper 3.0

Datedropper 3.0: A Powerful JQuery UI Datepicker

The new version have been completely redesigned as well as it introduces new amazing features (e.g. translate and large modes) for creating beautiful date picker calendars. That’s definitely one of the Github repos we love most, kudos to Felice Gattuso!

Conversational Forms

Conversational Forms: Turn Web Forms Into Conversations With JS

One of the most interesting free resource of this week is Conversational Forms, a Javascript library to turn web forms into chat-looking conversations, developed by SPACE10 in order to engage with users in a more attractive way.

Shave

Shave: A JS Plugin To Truncate Multiline Text

Shave is a dependency-free javascript plugin for truncating multiline text to fit within an HTML element, coded and released by Dollar Shave Club.

Coreographer-Js

Coreographer-Js: A JS Library For Complex Animations

Coreographer-js is a vanilla javascript library released by Christine Cha for creating complex animations based on events like scroll, mousemove, etc. You may take advantages of that to create and control creative and complex animations for your website.

In-View

In-View: A JS Utility To Detect Elements Inside The Viewport

In-view.js is a lightweight (~1.9kb gzipped), dependency-free, JavaScript utility to detect when a DOM element enters or exits the viewport. It is also available as npm package.

Also Read : Best Tools And Resources For Web Development

Scrollanim

Scrollanim: CSS3 + JavaScript Scroll Animation Library

Scrollanim is a lightweight CSS3 and (no dependencies) JavaScript library that you can embed in your web project to create stunning scroll animations. You just need to to include the scrollanim.js and scrollanim.cssin your page and the magic happens. It provides a set of events to detect when an element enters the viewport and a lot of animations form animate.css library.

Lightgallery

Lightgallery.Js: Full-Featured JS Plugin For Lightbox Galleries

Lightgallery.js is a powerful and flexible JavaScript plugin (no dependencies) released by Teamwave to creating awesome lightbox galleries. It is fully responsive, supports touch gestures, includes many useful options and it is easily customisable via CSS. Among the other things, lightgallery.js supports Youtube and Vimeo videos as well as all types of HTML5 video formats formats, such as MP4, WebM, Ogg. On the project site you may find a lot of interesting demos that show you what you can do with this awesome plugin. It is worth a try!

ScrollTrigger

ScrollTrigger: A Small Library For Scroll Animations

ScrollTrigger is a lightweight javascript library that you can use to trigger classes on HTML elements based on scroll position. It allows you to easily create nice scroll animations with just few custom lines of CSS that you can code by yourself or copy by any CSS animations library like Animate.css.

Algolia Places

Algolia Places: Address Autocomplete Plugin

Algolia Places is a JavaScript plugin to turn any input into a beautiful and easy-to-use address autocomplete component. It takes advantages of OpenStreetMap’s open source database and it is incredibly fast.

Also Read : Most Popular Front-End Frameworks For Web Developers

Switch

Switch: A Simple Javascript Plugin

Switch is a simple but powerful javascript plugin (no dependencies) for creating iOS style switches from simple checkboxes. The plugin comes with a set of options (size, colour, text, etc.) and callbacks that help you to get integrate a switch in your UI in a few clicks.

Barba-js

Barba.Js: A Plugin For Page Transitions

Barba.js is a lightweight and dependency free javascript plugin to create fluid and smooth transitions between your site pages. It uses PJAX to enhance the user’s experience. Coded by by Luigi De Rosa. It helps reducing the delay between your pages, minimising browser HTTP requests and enhancing your user’s web experience.

Sliding Out Panels

Sliding Out Panels With HTML & CSS

A short tutorial by CodyHouse that shows how to create a website hero made of sliding panels with few lines of HTML, CSS and javascript. It is ideal for portfolio websites, where project preview images slide out to reveal the selected project. And it works great on mobile devices too!

Presentation Slideshow

Presentation Slideshow Template

A simple but nice presentation template – coded with few lines of CSS and jQuery – that you can use to create beautiful web slides. Free snippet by CodyHouse.

Mojs

Mojs – Motion Graphics Library

mojs is a motion graphic javascript library for the web for creating stunning animations. Created by LegoMushroom.

Roll-Js

Roll.Js – Scroll Tracking With Javascript

Roll.js is a tiny javascript library (less than 8kb, no dependencies) to help you keep track of position, scrolling, and pagination.

Animated Page Transition With Ajax

Animated Page Transition With Ajax

A tutorial that explains how to create an ajax powered page transition, with a slide-in content animation triggered by a side tabbed navigation. Coded by CodyHouse.

LEAVE A REPLY

Please enter your comment!
Please enter your name here

- Advertisment -

Most Read

20+ Popular Web Elements Template

A website may be using different kind of elements to display your data, info or accessories of your business. Here we have...

10 Best Freelance Websites to Make Money Online

Working and earning online is currently a well-known profession. I called this a smart profession. It is possible to earn thousands of...

30+ Most Popular Product Mockups in 2019

Mock-up is a scale or full-size model of a design or device, used for demonstration, design evaluation, promotion, and other purposes. Mock-ups...

5 Simple Tips for Students to Earn Money Online

If you have been using the internet for an average of time every day, most people will say 2-5 hours. Have you...

Digital Marketing – Types, Advantages & Profits

As you may know, today is the era of Digital and if you still don't know what "Digital Marketing is" then you...

Recent Comments