SegmentEffect

Background image segment effect as seen on [Filippo Bello's Portfolio](http://www.filippobello.com/portfolio).

Updated Sep 26, 2016

FancyLetterAnimation

An experimental SVG letter animation inspired by the Dribbble shot ["Shading Letters in Illustrator"](https://dribbble.com/shots/2943049-Shading-Letters-in-Illustrator) by Jake Bartlett's. Powered by Julian Garnier's [anime.js](http://anime-js.com/).

Updated Sep 14, 2016

ItemRevealer

An experiment where grid items get revealed and unrevealed with animated, morphing SVG paths using anime.js.

Updated Sep 5, 2016

NavigationIndicators

Some navigation style ideas for slideshows, pages and other components that require a navigation. Shown on the example of a vertical slideshow.

Updated Sep 2, 2016

MultiLayoutSlideshow

A simple decorative slideshow component with individual slide layouts and effects. Powered by anime.js. http://tympanus.net/Development/MultiLayoutSlideshow/

Updated Aug 10, 2016

JavaScript 195 51

Windy

A jQuery Plugin for Swift Content Navigation

Updated Aug 6, 2016

AboveBeneath

A landing page template with a featured content section and background sounds that change according to the view.

Updated Jul 28, 2016

SelectInspiration

Creative styles and ideas for custom select elements.

Updated Jul 20, 2016

InteractivePoints

An interactive transparency background effect that makes images visible when specific points are hovered, showing some content once clicked.

Updated Jul 20, 2016

JavaScript 941 101

Animocons

Animated icons powered by the motion graphics library mo.js by Oleg Solomka. Inspiration comes from the Dribbble shot ["Like Animation"](https://dribbble.com/shots/2527200-Like-Animation) by Daryl Ginn.

Updated Jul 16, 2016

NotificationStyles

Various simple ideas and effects for unobtrusive notifications on a website.

Updated Jun 18, 2016

SidebarTransitions

Some inspiration for transition effects for off-canvas navigations.

Updated Jun 18, 2016

RecordPlayer

An experimental template with an interactive old school record player powered by the [Web Audio API](https://www.w3.org/TR/webaudio/).

Updated Jun 15, 2016

PageRevealEffects

Some ideas for modern multi-layer page transitions using CSS Animations.

Updated Jun 1, 2016

JavaScript 365 100

GammaGallery

Gamma Gallery is an experimental responsive image gallery that attempts to provide an adjustable responsive images approach taking its grid layout and the full slideshow view into account.

Updated May 25, 2016

IsometricGrids

Some experimental decorative and interactive isometric and 3D grids.

Updated May 25, 2016

LineMenuStyles

An open collection of menu styles that use the line as creative design element.

Updated May 21, 2016

ImageTiltEffect

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 effect.

Updated May 15, 2016

DistortedButtonEffects

A set of inspirational, highly experimental distortion effects for buttons using SVG filters. By Adrien Denat.

Updated May 11, 2016

MotionBlurEffect

A tutorial on how to create a motion blur effect on HTML elements using JavaScript and an SVG filter.

Updated May 7, 2016