This is a unique and one-of-a-kind jQuery plugin that allows you to display infographics on your web resource. Its main feature is a large variety of figures to be precise then six.

jQuery SVG Animated PopUp

Sunday, 12 February 2017
  • There is a solution – the jQuery-the svg-popup .
  • Quick – the formation of the particles based on the basis of SVG.
  • Easy – just plug weight 5kb.

An SVG goo animation made in CSS and JavaScript. It consists of a simple button that leaks when clicked. It can be used as part of a website or a mobile app, in a game.

Today we’d like to share a simple hover/click effect for images with you. The main idea is to show a map or a base image with some points of interest (POS) and when we come close to one of these points and hover, an image starts to fade in. When clicking on the POS indicator, a content layer is shown with some more information on that point; the background image becomes completely opaque. This concept could be fitting for some kind of map assisted story telling, like a travel piece or similar.

Vivus is a little JavaScript class (little because it’s lightweight and have no dependency) to make drawing animation with SVGs in a webpage. Different animations are available, even scripting the entire SVG to do whatever you want.

Some creative and subtle hover effects inspiration using modern CSS techniques including 3D translate and pseudo elements.

Animated SVG Icon

Wednesday, 03 June 2015

Animated SVG Icon is a optimize SVG code and using CSS and Snap.svg library.

Wobbly Slideshow Effect

Thursday, 28 May 2015

Wobbly Slideshow Effect is an experimental slideshow effect with you. The idea is based on a Dribble shot called GIF Exercise by Sergey Valiukh where a lot of jell-o-like movements are happening. Navigating from one item to another makes the items move in a wobbly fashion and we thought this might be great to try out on a real slideshow. To achieve this effect we used Snap.svg and animated the slide background SVGs in order to simulate the elastic effect.

Off-canvas Menu Effects

Tuesday, 26 May 2015

Some inspiration for off-canvas menu effects and styles using CSS transitions and SVG path animations. We use CSS transitions, CSS animations created with bounce.js and animated SVGs with the help ofSnap.svg. We also use Font Awesome and the profile picture is from the Random User Generator.

Progress Bar.js is a Beautiful and responsive progress bars with animated SVG paths. Use built-in shapes or create your own paths.

Page 1 of 2