- 303 live icons – one script.
- New step in interactivity and brand New – such animation methods for interface elements were never created before.
- Animated and can be static of course
- Any color, any size
- Retina perfect
- 16 pixel perfect
- Flexible settings of behaviour and appearence
- Bootstrap compatible
- Easy integration – just one string of code for an icon.
- IE6+ support
- All browsers
With the right techniques and modern browser support, developers can now produce some pretty impressive animations, effects and interactions using SVG. Today we will explore the possibilities of SVG and test the capabilities of modern browsers by creating an interactive vector infographic for the web.
A few extensions require jQuery, but here all we need is d3 and the Rickshaw library itself. Instantiate a graph, and then render it. For more along this path, check out the tutorial and also see our examples listing.
Don’t spoil it! Hide copy and images with a bit of SVG blur. Taste on mouseover. Eat on click.
Do you publish spoilers? Do you wish you could have them on your page in a way that wasn’t fucking rude? With Spoiler Alert! you can! Hide spoilers with a bit of blur.
A Jquery plugin for path animation using the Raphaël Library. Implementing this plugin is broken into two parts.Preparing your web-friendly data & Configuring lazy-line-painter.js
Vague.js is an experimental script that allows you to blur any kind of html element thanks to the SVG filters. This script is crossbrowser and it was tested on:
- Firefox 10 +
- Chrome 18 +
- Safari 6.0 +
- IE 7 +
Method Draw is a fork of SVG Edit, a web based SVG editor.The purpose of Method Draw is to improve the usability and user experience of SVG Edit. It removes some features such as layers and line-caps/corners in exchange for a more simple and pleasant experience.