JavaScript 124 33

ElastiStack

ElastiStack is a little script that let's you navigate through a stack of items by dragging away the first one. It comes with an elastic touch meaning that when dragging the top-most item, the other ones will follow as if they were connected elastically. When reaching a certain distance, the dragged item will release itself and the next item wil…

Updated Oct 1, 2016

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 942 102

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