Dynamic Shape Overlays with SVG
Some ideas for multi-layered SVG shape overlays that get generated dynamically with adjustable properties for a variety of effects.
+ moreSome ideas for multi-layered SVG shape overlays that get generated dynamically with adjustable properties for a variety of effects.
+ moreA slideshow with liquid distortion effects in WebGL powered by PixiJS and GSAP.
+ moreby Manoela Ilic
A simple morphing page transition effect where an SVG path gets morphed into another while the current page moves up.
+ moreby Manoela Ilic
Some menu link hover effects for your inspiration. Powered by CSS and JavaScript for individual letter animations.
+ moreby Manoela Ilic
A new set of letter effects and animations for playful typography interactions.
+ moreby Manoela Ilic
A couple of ideas for typography animations and letter (hover) effects for playful interactions.
+ moreby Manoela Ilic
Some little ideas for bouncy and playful tooltip shapes and animations with SVG and anime.js. Among other styles, we use shape morphing and transform.
+ moreby Manoela Ilic
Some ideas for previewing or just playing with folders on hover. The idea is to show a little animation when hovering a folder icon and reveal some kind of preview f
+ moreby Manoela Ilic
A set of grid loading animations for your inspiration. The idea is to show grid items with an interesting effect once they are loaded.
+ moreby Manoela Ilic
Experimental hover effects that reveal a stack of multiple colored cards behind the hovered item.
+ moreby Manoela Ilic
A couple of schematic, inspirational proof-of-concepts for how to show the search interface on a website using CSS animations.
+ moreby Manoela Ilic
Ideas for revealing content in a schematic box look as seen around the Web lately. The effect first shows a decorative block element drawn and when it starts to decr
+ moreby Manoela Ilic
Some ideas for hover animations with a fancy tilt effect. Inspired by the hover effect seen on the Kikk 2015 website.
+ moreby Manoela Ilic
A fun experiment with proof-of-concepts for various simple media pop ups on hover or touch. The idea is to show images, videos or other media in a pop up style with
+ moreby Manoela Ilic
A set of inspirational letter animations for display typography effects powered by anime.js.
+ moreby Manoela Ilic
The Line Maker is a plugin for creating and animating decorative lines on websites. Inspired by site designs like 'Uber Brand Experience' and 'Details'.
+ moreby Manoela Ilic
A background image segment effect as seen on Filippo Bello's Portfolio, employing the CSS clip-path property and powered by anime.js.
+ 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.
+ more