Clik here to view.
360 Degrees Product Viewer
A simple, interactive resource that can be used to provide a virtual tour of your product. In e-commerce design, one of the main goals is to fill the gap between product and user. This is particularly...
View ArticleClik here to view.
Animated Transition Effects
A library of animated transition effects, powered by CSS Animations. A few weeks ago we published a tutorial about how to create an Ink Transition effect using a PNG sprite and the steps() CSS timing...
View ArticleClik here to view.
Radial SVG Slider
A simple, responsive slider, with a radial transition effect powered by SVG clipPath and mask elements. While browsing Dribbble in search of inspiration, we came across this interesting animation...
View ArticleClik here to view.
Add to Cart Interaction
A floating cart that slides in when the user decides to buy an item. We’re used to different patterns when it comes to the “add to cart” process. The basic idea behind this pattern is to notify the...
View ArticleClik here to view.
Auto-Hiding Navigation
A simple navigation that auto-hides when the user scrolls down, and becomes visible when the user scrolls up. Auto-hiding navigations have been around for quite some time now, in particular on mobile...
View ArticleClik here to view.
Clipped SVG Slider
A simple slider, with morphing preview images animated using SVG properties. Here on CodyHouse we’ve published a lot of SVG experiments! What’s really powerful with SVG is the possibility to combine...
View ArticleClik here to view.
Product Builder
A customizable and responsive product builder for your online store. Product builders are useful shopping tools, that allow potential customers to “build” an ideal version of a product by combining...
View ArticleClik here to view.
Schedule Template
A simple template that lets you display events on a timeline, as well as organize them in groups (week days, conference rooms etc…) We’ve come across this web component many times: when we check the...
View Article