Descrição
Room Gallery
We present an extraordinary product that will revolutionize the way art is presented and take your users on a journey through a real gallery.
If you’re looking for a way for your website to reflect the atmosphere of your institution or wondering how to capture the attention of your audience for your creativity, Room Gallery is the perfect choice.
It provides unlimited customization possibilities.
Key Features
-
Change wall, ceiling, and floor colors
-
Add your own textures and customize the gallery to meet your needs
-
Determine the content of each wall segment (object) and place any HTML content on it
-
Source code of the React.js component is included for easy extension during development
Technical Details
-
Fully adapted to modern browsers, responsive, and fast
-
Based on proven CSS animation technologies and CSS variables
Package Contents
-
NPM package files (package.json) for installing the component in your JavaScript application
-
Source code of the React.js component with styles in SASS (SCSS) that you can modify as needed
-
A library in pure JavaScript if you’re not using React
-
jQuery plugin if you use jQuery on your site
-
Ready-made implementation and settings examples
-
Access to configuration at different levels, such as JavaScript settings, JavaScript style, JavaScript events, JavaScript callback, CSS variables, SASS variables
Customization Options
-
Three options for providing image data to the gallery: a JSON file with links and descriptions, a promise function, or specifying image tags on the target page
-
Dark mode settings
-
Backgrounds and colors of walls, ceiling, and floor for each mode
-
Three styles for arrows and buttons, with the option to upload your own
-
Three styles for pagination, including thumbnails
-
Description, title, and content of each wall segment in the gallery, including videos and your own HTML code
-
In the case of using the React.js component, the possibility of implementing any reactive content on the wall segment
Live Preview
See how Room Gallery looks live and in screenshots.
durning animation
walls customization
dark mode
navigation style
on mobile device
