Skip to content

SimpleDropDownEffects

A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects.

Updated Apr 20, 2016

JavaScript 215 46

RainEffect

Some experimental rain and water drop effects in different scenarios using WebGL, by Lucas Bebber.

Updated Apr 19, 2016

Interactive3DMallMap

An interactive 3D mall map concept with a sidebar search and pin indicators for every level.

Updated Apr 16, 2016

SidebarTransitions

Some inspiration for transition effects for off-canvas navigations.

Updated Apr 3, 2016

AnimatedResponsiveImageGrid

A jQuery plugin for creating a responsive image grid that will switch images using different animations and timings. This can work nicely as a background or decorative element of a website since we can randomize the appearance of new images and their transitions.

Updated Apr 3, 2016

FullscreenForm

An experimental fullscreen form concept where the idea is to allow distraction-free form filling with some fancy animations when moving between form fields.

Updated Mar 23, 2016

AnimatedAnimals

Demo for the tutorial on how to animate two SVG animals using only CSS (SCSS)

Updated Mar 21, 2016

NaturalLanguageForm

An experimental form that uses natural language instead of the usual form layout. Values are entered using custom input elements.

Updated Mar 19, 2016

JavaScript 585 171

MultiLevelPushMenu

An experimental push menu with multi-level functionality that allows endless nesting of navigation elements.

Updated Mar 17, 2016

LineMenuStyles

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

Updated Mar 17, 2016

NotificationStyles

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

Updated Mar 12, 2016

JavaScript 34 18

AnimatedLetters

A plugin that animates an artistic font using Segment, the SVG strokes animation library. By Luis Manuel.

Updated Mar 2, 2016

JavaScript 777 72

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 Feb 23, 2016

JavaScript 18 6

ElasticCircleSlideshow

A very simple content slideshow with circular slides and an elastic, bouncy navigation effect. Inspired by the Dribbble shot ["Mobile Commerce Interface"](https://dribbble.com/shots/2197260-Mobile-Commerce-Interface) by Bilal Mechairia.

Updated Feb 17, 2016

JavaScript 25 6

PolaroidStackGrid

Demos for the [tutorial](http://tympanus.net/codrops/?p=26096) on how to create an intro animation where a decorative Polaroid stacks becomes a grid similar to the effect seen on the [takeit](http://www.takeitapp.co/en) website.

Updated Feb 17, 2016

MultiLevelMenu

A simple menu with multiple levels and an optional breadcrumb navigation and back button.

Updated Feb 15, 2016

DialogEffects

A collection of dialog effects using CSS (and SVG) animations.

Updated Feb 1, 2016

SeatPreview

An experimental demo where a 3D perspective preview is shown for a selected seat in a cinema room.

Updated Jan 21, 2016

ResponsiveMultiLevelMenu

A responsive multi-level menu that shows its submenus in their own context, allowing for a space-saving presentation and usage.

Updated Jan 20, 2016

BookBlock

A jQuery plugin that will create a booklet-like component that let's you navigate through its items by flipping the pages.

Updated Jan 12, 2016

Something went wrong with that request. Please try again.