Advertise here

jQuery Plugins Tagged ‘effect’

WebGL Distortion Slider

May 13, 2018     21717     Slider Effects
WebGL Distortion Slider

A tutorial about creating very cool WebGL Distortion Slider using Three.js for the image transitions and some crude HTML + CSS just to mockup the UI around the background.

Read More »

Particle Effects for Buttons with Javascript

April 27, 2018     839     Effects
Particle Effects for Buttons with Javascript

A lightweight library that can be used for bursting particles effects for button. The idea is to disintegrate an element into particles and make it disappear (or vice versa).

Read More »

Animated Menu Concept with CSS and Javascript

March 16, 2018     706     Menu Effects Animation
Animated Menu Concept with CSS and Javascript

A tutorial about creating cool animated menu concept using CSS and javascript. 

Read More »

Blotter.js – JavaScript API for Drawing Unconventional Text Effects

February 15, 2018     598     Effects
Blotter.js – JavaScript API for Drawing Unconventional Text Effects

Blotter is a javascript API for drawing unconventional text effects on the web.

Blotter provides a simple interface for building and manipulating text effects that utilize GLSL shaders without requiring that the designer write GLSL.

Read More »

Slice Revealer – Reveal Effect with Animated Slices

February 06, 2018     526     Effects Animation
Slice Revealer – Reveal Effect with Animated Slices

Slice Revealer is a reveal effect where animated slices cover and uncover an image.

Anime.js for the animations and Intersection Observer API used for triggering the effects on scroll.

Read More »

jQuery Pulsate – Add Pulsating Effect to Elements

January 19, 2018     478     Effects
jQuery Pulsate – Add Pulsating Effect to Elements

jQuery Pulsate adds a pulsating effect to elements. By animating it you can create a pulsating effect that's useful for focussing attention to a certain part of your webpage in a subtle way.

Read More »

Masked Circle Slider

January 15, 2018     713     Slider CSS3 & CSS
Masked Circle Slider

Masked Circle Slider is a slick slider with a nice mask effect by using CSS and javascript.

Read More »

Dynamic Shape Overlays with SVG and Javascript

October 17, 2017     804     Effects Modal & Overlay
Dynamic Shape Overlays with SVG and Javascript

Some ideas for multi-layered SVG shape overlays that get generated dynamically with adjustable properties for a variety of effects.

Read More »

Lottery.js – Simple Javascript Lottery App

October 11, 2017     1285     Effects Animation
Lottery.js – Simple Javascript Lottery App

Lottery.js is a simple javascript lottery app with following features:

  • Flexible
  • Out of the box
  • Interesting Animation Effects

Read More »

Moving Letters – Animated Letters and Typography Effects

October 10, 2017     1199     Effects Animation Text & String
Moving Letters – Animated Letters and Typography Effects

Moving Letters is a collection of cool animated letters and typography effects.

Read More »

Sliced Dual Image Layout with CSS & Javascript

September 28, 2017     997     Slider CSS3 & CSS Effects
Sliced Dual Image Layout with CSS & Javascript

A tutorial about creating some layouts with sliced background images, slideshow functionality and glitch effect by using CSS and javascript.

Read More »

Morphing Page Transition with CSS and Javascript

August 14, 2017     1347     CSS3 & CSS Effects
Morphing Page Transition with CSS and Javascript

A simple morphing page transition effect where an SVG path gets morphed into another while the current page moves up.

Anime.js used for the animations and Charming.js used for some letter effects.

Read More »

Animated Image Pieces

July 26, 2017     981     Animation
Animated Image Pieces

A set of experiments with an animated image pieces effect where an image gets shattered into rectangular fragments powered by anime.js.

Read More »

Warp Drive – Warp Drive / Starfield Effect jQuery Plugin

June 14, 2017     1279     HTML5 Effects
Warp Drive – Warp Drive / Starfield Effect jQuery Plugin

Warp drive is a lightweight jQuery plugin that helps you create a cool, interactive, configurable, HTML5 canvas based warp drive/starfield effect.

Read More »

Infinite Tubes with Three.js

May 09, 2017     1854     Effects Animation
Infinite Tubes with Three.js

A tutorial about creating some WebGL experiments where the viewer seemingly travels through a textured tunnel powered by Three.js 

Read More »

AdvertisementAdvertise with us!