Freebie: Cinema Icon Set (SVG)
by Icons8
A free cinema themed icon set with 200 vector icons (SVG) in two styles: Windows 10 and Flat Color. An exclusive freebie for Codrops readers made by the Icons8 Team
+ moreby Icons8
A free cinema themed icon set with 200 vector icons (SVG) in two styles: Windows 10 and Flat Color. An exclusive freebie for Codrops readers made by the Icons8 Team
+ moreAn in-depth article on how to style the contents of the SVG <use> element and overcome some challenges it brings.
+ moreA morphing card expansion effect enhanced by a low poly background animation, using SVG clipPath and Trianglify.
+ moreby Manoela Ilic
A little slideshow with a color palette creation effect using CSS Filters and Vibrant.js.
+ moreby Manoela Ilic
A little fun experiment where you can color a website mockup by dragging and dropping a color droplet from a palette.
+ moreby Lucas Bebber
A tutorial on how to create a motion blur effect on HTML elements using JavaScript and an SVG blur filter.
+ moreA tutorial on how to create a slider with a "prism" effect using HTML5 canvas globalCompositeOperation and a layering technique.
+ moreby Chris Gannon
Learn how to create a playful "Jump Loader" animation with SVG and GSAP.
+ moreby Lucas Bebber
A set of examples that use a gooey SVG filter for creating a variety of different effects for all kinds of website components.
+ moreby Manoela Ilic
A little playful content navigation effect that uses the draggable Elastic Stack and Snap.svg for animating a background shape like a trampoline. The demos are a tri
+ moreby yoksel
A tutorial on how to create various types of (animated) fills and strokes for text using different techniques including CSS and SVG.
+ moreby Manoela Ilic
A set of subtle effects for click or touch interactions inspired by the visualization of screen taps in mobile app showcases. The effects are done with CSS animation
+ moreby Manoela Ilic
Some inspiration for elastic components with SVG shape animations for enhanced UI interactions.
+ moreby Manoela Ilic
A small collection of dialog effects using CSS animations for your inspiration. Some effects use SVG animations of morphing paths with the help of Snap.svg.
+ moreby Manoela Ilic
The slides in this slideshow wobble as they move. The effect is based on Sergey Valiukh's Dribbble shot and was made using Snap.svg and morphing SVG paths.
+ moreby Round Icons
A transportation, travel and ecology themed icon set by Round Icons with 50 free icons in AI, SVG, PSD and PNG format.
+ moreby Taras Shypka
A free icon set with more than 100 useful app icons designed by Taras Shypka. The set comes with AI, EPS and SVG files and a ready-to-use icon font.
+ moreby Manoela Ilic
A small collection of various hover tooltip styles and effects for your inspiration. Using CSS transforms, border-radius and SVG shapes we can create modern looking
+ more