A morphing card expansion effect enhanced by a low poly background animation, using SVG clipPath and Trianglify.
A responsive product grid layout with touch-friendly Flickity galleries and Isotope-powered filter functionality.
A little slideshow with a color palette creation effect using CSS Filters and Vibrant.js.
A subtle tilt effect for images. The idea is to move and rotate semi-transparent copies with the same background image in order to create a subtle motion or depth ef
A basic responsive product grid layout with comparison functionality and a slide-in effect.
A couple of creative text styles and hover effects for your inspiration. Some effects use experimental techniques including SVG masking and Canvas.
A photography-inspired website layout with an expanding stack slider and a background image tilt effect.
A little fun experiment where you can color a website mockup by dragging and dropping a color droplet from a palette.
A responsive, magazine-like website layout with a grid item animation effect that happens when opening the content.
A tutorial on how to create a slider with a "prism" effect using HTML5 canvas globalCompositeOperation and a layering technique.
Learn how to create a playful "Jump Loader" animation with SVG and GSAP.
A set of 30 organic food icons that come in all common (vector-based) formats. The food icon set is perfect for modern food related projects.
A couple of more inspirational styles for text input effects including some new techniques and ideas.
A responsive Bootstrap website template made by the folks from Pixel Buddha and PSD2HTML. The elegant one-page design is perfect for web dev, apps or software relate
A set of examples that use a gooey SVG filter for creating a variety of different effects for all kinds of website components.
A set of 36 colorful and versatile travel and vacation related icons. The icons have a flat design with a long shadow and they come in several vector formats.
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