Interactive Musical Instruments
by Manoela Ilic
Experimental ideas for playful musical interactions powered by MIDI.js and the Web Audio API. Play instruments or make sounds by interacting with content.
+ moreby Manoela Ilic
Experimental ideas for playful musical interactions powered by MIDI.js and the Web Audio API. Play instruments or make sounds by interacting with content.
+ moreby Manoela Ilic
A simple template of a weekly surf report with an animated SVG graph and a sliding content panel. The layout is powered by flexbox and viewport units. Highly experim
+ moreby Manoela Ilic
An experimental SVG letter animation based on the Dribbble shot "Shading Letters in Illustrator" by Jake Bartlett. Powered by Julian Garnier's anime.js.
+ moreby Manoela Ilic
An experiment where grid items get revealed and unrevealed with animated, morphing SVG paths using anime.js.
+ moreby Manoela Ilic
An experimental template with an interactive old school record player powered by the Web Audio API.
+ moreby Adrien Denat
A set of inspirational, highly experimental distortion effects for buttons using SVG filters.
+ moreby Lucas Bebber
A tutorial on how to use fragment shaders in WebGL to create an animated heat haze distortion effect on images and text.
+ moreby Manoela Ilic
An interactive 3D mall map concept with a sidebar search and pin indicators for every level.
+ moreLearn some interesting animation techniques involving Sass and SVG filters for realistic motion effects on the example of animated animals.
+ moreby Josh Ellis
A tutorial on how to create an animated and interactive SVG drum kit with GSAP and jQuery.
+ moreby Luis Manuel
An experimental plugin for animating SVG letters using Segment. The idea is to animate the path strokes of an interesting display font in a creative way.
+ moreby Manoela Ilic
Various icon animations made with mo.js, a powerful motion graphics library by Oleg Solomka. Inspiration comes from the Dribbble shot "Like Animation" by Daryl Ginn.
+ moreA set of 30 colored line icons in fresh pastel tones for your next design agency related project. The icons come in vector format (SVG) and PNGs of various sizes.
+ moreby Lucas Bebber
An interactive journey where a Canvas map path is animated according to the content that is scrolled on the page.
+ moreby Luis Manuel
A tutorial on how to implement an animated menu icon based on the Dribbble shot by Tamas Kojo using SVG and Segment, a JavaScript library for drawing and animating S
+ moreby Lucas Bebber
An elastic SVG progress loader based on the Dribbble shot "Download" by xjw and implemented with SVG and TweenMax.
+ moreby Eezy Inc.
A free set of 36 web hosting and technical support icons in AI, EPS, SVG, PSD and PNG by Vecteezy.
+ moreAn in-depth tutorial on how to build the ripple effect outlined under Google Material Design's Radial Action specification and combine it with the powers of SVG and
+ more