Pinned Repositories
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.
BookBlock
A jQuery plugin that will create a booklet-like component that let's you navigate through its items by flipping the pages.
DistortedButtonEffects
A set of inspirational, highly experimental distortion effects for buttons using SVG filters. By Adrien Denat.
HoverEffectIdeas
Some inspiration and modern ideas for subtle hover effects.
ModalWindowEffects
A set of experimental modal window appearance effects with CSS transitions and animations.
PageTransitions
A showcase collection of various page transition effects using CSS animations.
ParticleEffectsButtons
A little library that can be used for bursting particles effects on buttons and other elements
RainEffect
Some experimental rain and water drop effects in different scenarios using WebGL, by Lucas Bebber.
SeatPreview
An experimental demo where a 3D perspective preview is shown for a selected seat in a cinema room.
SidebarTransitions
Some inspiration for transition effects for off-canvas navigations.
Codrops's Repositories
codrops/FullscreenLayoutPageTransitions
This responsive layout is based on an initial grid of four boxes. Once a box is clicked, it gets resized to fullscreen and the other boxes scale down and fade out. In the work section we experiment with another transition which is to show a panel by making it appear from the bottom while scaling the current one down. To see it in action, open the work section and click on one of the portfolio items and navigate through them.
codrops/Stapel
An experimental jQuery plugin that will group thumbnails by a shared data-attribute into a pile. When clicking on the pile, the thumbnails that belong to that pile will be spread into a grid using CSS transitions.
codrops/3DRestaurantMenu
A responsive 3D menu concept for a restaurant website. The idea is to show the menu as a folded flyer and unfold it in order to show the menu items.
codrops/YouTubeLeftSideMenu
A tutorial on how to recreate the effect of YouTube's little left side menu. The idea is to slide a little menu icon to the right side while revealing some menu item list beneath.
codrops/SliderPagination
An experimental slider pagination using the jQuery UI slider. The idea is to use a simple navigation concept that preserves layout and style while allowing content to stay easily accessible.
codrops/VerticalShowcaseSlider
A tutorial on how to create a responsive vertical fullscreen slider that moves its sections in opposite directions. We'll be using jQuery, CSS Transitions and media queries to make the layout adaptive.
codrops/Blueprint-ElasticContentSlider
A fluid content slider that will adjust in width and height depending on the size of its parent.