Interactive Room Display with JavaScript & CSS

samuel Animation 182 , , , , ,

Today we’d like to share a little experiment based on a Dribbble shot by Bilal Mechairia’s, called “Spaces”. The idea is to show an interactive room with several items that all float in 3D space and move according to the position of the mouse. Once an item is clicked, more details pop up. Navigating between the room “slides” will rotate the different wall sections and add some interesting dynamic to the whole thing.

Related Post

addUI Store is an easy to use jQuery plugin that adds a fully featured store to any website in minutes. The Read more

Minicart is a great way to improve your PayPal shopping cart integration. One simple change and your users will be able Read more

Simple Cart is a free and open-source javascript shopping cart that easily integrates with your current website. No Databases, just Read more

Fly to is a lightweight jQuery plugin to create add to cart with cool fly effect. 

Animate elements as they scroll into view.      Introduction ScrollReveal is a JavaScript library for easily animating elements as they Read more

Intro mo · js is a javascript motion graphics library that is a fast, retina ready, modular and open source. In comparison Read more

three.js       JavaScript 3D library The aim of the project is to create an easy to use, lightweight, 3D library Read more

Overview The jQuery Form Plugin allows you to easily and unobtrusively upgrade HTML forms to use AJAX. The main methods, Read more

Go