Best jQuery CSS2 / CSS3.0 Plugins & Tutorials with Demo

CSS Glitch Effect Slideshow

CSS Glitch Effect Slideshow

A simple slideshow that uses the CSS Glitch Effect for the slide transitions. In a slideshow we have a different scenario: we want to apply the glitch effect at a specific moment and exchange the image with the new one of the next slide. This kind of animation can also be used for hover effects.

This slideshow does exactly that: it transitions to the next slide using the glitch effect. Under the hood, it exchanges the glitch layers one by one and stops glitching once the last image is switched.

Delighters : CSS Animations on Page Scroll

Delighters : CSS Animations on Page Scroll

Delighters is add CSS animations to delight users as they scroll down.

Features:

  • Declarative
  • Flexible
  • Light footprint
  • Framework-agnostic
  • Supports desktop, mobile & tablets
  • Degrades gracefully to your default styling

LC Lightbox : Modern jQuery Lightbox Plugin

LC Lightbox : Modern jQuery Lightbox Plugin

LC Lightbox is a modern jQuery lightbox focused on contents.Show and mix images, videos, iframes and HTML.

Totally responsive and adaptive, is extremely flexible to be tailored in the minimum details!

  • Elements Slideshow (manually or automatically initialized)
  • Thumbnails Navigation (with customizable sizes and optional data-type icon)
  • Effective Socials Share (with WhatsApp option on mobile)
  • Element Contents (title, description and author)
  • Images “right-click” protection
  • Elements direct download (not requiring PHP scripts)
  • Components Toggling (thumbnails and texts).
  • 100% CSS Driven

Web Slide – Bootstrap 4 Mega Menu Responsive

Web Slide - Bootstrap 4 Mega Menu Responsive

Build your mobile-first web projects with web slide navigation system that’s give you all type of ready made responsive menu items for your any type of websites. Made with pure css, html, jquery, so you can customize it as you want that suits your website layout.

Features:

  • Ecommerce vertical tabbing mega menu
  • Full & Fixed website menu
  • Bootstrap 4 compatible
  • Horizontal multi level dropdown menu
  • Top fixed functionality
  • Animation effects menus
  • Off Canvas Menu
  • RTL menu

Vivify : Free CSS Animation Library

Vivify : Free CSS Animation Library

Vivify is free CSS animation library.

Outdoors Template with CSS Grids

Outdoors Template with CSS Grids

Today we’re very excited to share an experimental implementation of one of Gil Huybrecht’s designs with you. Gil creates fantastic signature designs with amazing animations and he kindly permitted us code up one of his works.

An implementation of Gil Huybrecht’s “Outdoors” design project powered by layered CSS grids.

Tuesday : Quirky CSS Animation Library

Tuesday : Quirky CSS Animation Library

Tuesday is a stand-alone library you can use without any dependencies, but you can use Tuesday alongside other animation libraries as well. All Tuesday animation names start with td prefix so there is a low chance two libraries will collide unless there is another one that uses the same prefix and animation name.

Easy Wheel : jQuery Easy Controlled Wheel of Fortune

Easy Wheel : jQuery Easy Controlled Wheel of Fortune

Easywheel is a jQuery Plugin created to allow you to Build and Controle the Wheel of fortune.

Features:

  • 70% of styles is Editable with JSON Parameters.
  • You can choose the winner from parameters or Remotely from your server using AJAX.
  • 100% Responsive and compatible with any resolution.
  • There no Third-party libraries ( Except jQuery ) is required to run the plugin.
  • The generated SVG is customizable via JSON/CSS.

Devices.css : Modern devices in pure CSS

Devices.css : Modern devices in pure CSS

All devices are elegantly developed in pure CSS. The first are newly announced iPhone X and iPhone 8. More devices are coming. You can use these minimal devices in landing and screenshot showcase pages.

Time Well : Time & Daily Events Management jQuery plugin

Time Well : Time & Daily Events Management jQuery plugin

Time Well is a jQuery plugin to let you bind events to a specific date. All dates are shown in table. Clicking on a specific date opens the event container below the date container in which are listed all the events that are happening at the given day.

Features:

  • Javascript , jQuery and Css3 Code
  • Well commented Code
  • Unique & Modern Design
  • Retina & Responsive Ready
  • Flexible & Multipurpose
  • Customizable & Well Organized
  • Google Font Usage
  • 1170px Grid System