The Room - 3D Slider - Pure CSS with dark mode / less / sass

The Room - 3D Slider - Pure CSS with dark mode / less / sass

Cart 55 sales

The Room – pure CSS / HTML image slider with 3D animation.

Special for non-technical users, just paste the html code and go.

  • with 3D Slider you can easily create image carousel with any HTML creator (WYSIWYG) that you have access to save html with input and style tag! For example, blog post, wordpress page, forum post etc. –
    note: you have to prepare the html code yourself and paste it into the editor to use the gallery in popular CMS systems
  • you will spend less time to install complicated plugins and library in your project – just copy & past,
  • performance is your key.
  • in your project You don’t have access to JS or there are NO-JS requirements.

Dark mode

Dark and light mode – switch by button or use auto OS dark mode


Each image with own description will rotate in this gallery which we called a room.


The gallery is fully responsive and fluid web design,


Fully customizable – use CSS variables or LESS / SASS file with variables and mixin, set your width, height, colors and shadows of walls


Two ways of navigation: arrows and indicators.

Zoom in

You can zoom in using button – this interaction will enlarge the image,

That all works only with HTML and CSS, no need JS at all, this technology is pure magic,

Try it live

Note: With this plugin you have ability to apply any JS events or trigger method on input tag to manipulate slider behavior (slide, turn on/off zoom, turn on/off dark mode etc) – it’s very easy.


Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey