JavaBeat

  • Home
  • Java
    • Java 7
    • Java 8
    • Java EE
    • Servlets
  • Spring Framework
    • Spring Tutorials
    • Spring 4 Tutorials
    • Spring Boot
  • JSF Tutorials
  • Most Popular
    • Binary Search Tree Traversal
    • Spring Batch Tutorial
    • AngularJS + Spring MVC
    • Spring Data JPA Tutorial
    • Packaging and Deploying Node.js
  • About Us
    • Join Us (JBC)
  • Privacy
  • Contact Us

JavaScript Libraries to Keep Your Projects On-Trend

August 23, 2016 by Krishna Srinivasan Leave a Comment

Staying on top of modern design trends and learning how to execute them for your websites and projects can be a full-time job…unless you take advantage of these libraries and plugins. The following list of jQuery and JavaScript libraries and plugins will help you integrate some trendy effects (watercolors, video embeds, and fading transitions, to name a few) into your website quickly and easily so you can keep your designs modern and on-trend without having to sacrifice a lot of time.

1. Aquarelle

Screen Shot 2016-08-16 at 12.02.00 PM

Aquarelle is a library for creating beautiful and vibrant watercolor effects that can be applied to images as animations.

2. TwentyTwenty

Screen Shot 2016-08-16 at 12.08.02 PM

TwentyTwenty allows you to place an image on top of another with a smooth sliding effect to go back and forth between the two images. It’s a great interactive tool to use to compare two images.

3. SuperEmbed.js

Embedding a video to use as a site’s background is becoming an increasingly popular design trend. The SuperEmbed.js library allows for videos to be embedded from sites such as YouTube, Vine, and Vimeo, and will make them completely responsive.

4. Magnific Popup

Screen Shot 2016-08-16 at 12.17.03 PM

Magnific Popup is a JavaScript plugin that creates a lightbox effect. Perfect to add to an image gallery, but the plugin also works with embedded YouTube videos and Google Maps.

5. Tabslet

Screen Shot 2016-08-16 at 12.19.39 PM

Tabs are a great design trend that work well to display different types of content. The Tabslet plugin makes it incredibly easy to add sleek, smooth, and even animated tabs to any of your projects.

6. Choices.js

Screen Shot 2016-08-16 at 12.24.00 PM

Choices is a jQuery plugin to style input fields and dropdown lists. It’s completely configurable and adds a trendy and modern touch to any form.

7. Slinky

Screen Shot 2016-08-16 at 12.26.19 PM

Creating mobile-friendly menus can be a daunting task, but it doesn’t have to be. With Slinky, you can easily create a light-weight, responsive menu that would look great on any modern site.

8. Animsition

Screen Shot 2016-08-16 at 12.28.59 PM

Animsition is a plugin that offers 58 different and beautifully animated transition effects for you to use on your projects. It’s easy to use and lightweight.

 

Filed Under: JavaScript, jQuery Tagged With:  Aquarelle, Animsition, Choices.js, Magnific Popup, Slinky, Tabslet, TwentyTwenty, uperEmbed.js

About Krishna Srinivasan

He is Founder and Chief Editor of JavaBeat. He has more than 8+ years of experience on developing Web applications. He writes about Spring, DOJO, JSF, Hibernate and many other emerging technologies in this blog.

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Follow Us

  • Facebook
  • Pinterest

As a participant in the Amazon Services LLC Associates Program, this site may earn from qualifying purchases. We may also earn commissions on purchases from other retail websites.

JavaBeat

FEATURED TUTORIALS

Answered: Using Java to Convert Int to String

What is new in Java 6.0 Collections API?

The Java 6.0 Compiler API

Copyright © by JavaBeat · All rights reserved