Background Segment Effect
by 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.
+ moreThe Playground features web experiments, concepts, and layouts that push the boundaries of traditional design and showcase the latest in animation techniques.
by 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.
+ moreby Manoela Ilic
Some navigation style ideas for slideshows, pages and other components that require a navigation. Shown on the example of a vertical slideshow.
+ moreby Manoela Ilic
A simple decorative slideshow component with individual slide layouts and effects. Powered by anime.js.
+ moreby Manoela Ilic
A landing page template with a featured content section and background sounds that change according to the view.
+ moreby Manoela Ilic
An interactive transparency background effect that makes images visible when specific points are hovered, showing some content once clicked.
+ 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 Manoela Ilic
Some experimental isometric and 3D grids. The idea is to use isometric/3D grids as decorative elements or with some interaction.
+ moreby Adrien Denat
A set of inspirational, highly experimental distortion effects for buttons using SVG filters.
+ moreby Manoela Ilic
An interactive 3D mall map concept with a sidebar search and pin indicators for every level.
+ 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.
+ moreby Manoela Ilic
A very simple content slideshow with circular slides and an elastic, bouncy navigation effect. Inspired by the Dribbble shot “Mobile Commerce Interface” by Bilal Mechairia.
+ moreby Manoela Ilic
An experimental demo where a 3D perspective preview is shown for a selected seat in a cinema room.
+ moreby Manoela Ilic
Some ideas for menu styles and effects that employ the line as a creative design element. This is an open collection; contributions are welcome!
+ moreby Lucas Bebber
An interactive journey where a Canvas map path is animated according to the content that is scrolled on the page.
+ moreby Manoela Ilic
A couple of styles and inspiration for responsive, flexbox-based HTML pricing tables.
+ more