1. Open the ... /Main File Folder to find all the Source Files
  2. v1.0 contains:
    • eden – Source Folder (all the css, js, fonts, images, html files)
    • documentation – Documentation Folder


You will require a web browser such as chrome, firefox etc to run the project.


  1. Unzip Main file and open eden folder.
  2. Open any demo page with your preferred editor to see the structure.

    CSS Structure

    Carousel Structure

    Javascript Structure

    Initialize Carousel

    Open custom.js to find the below code. We have used animate.css to animate elements on slide. To try different effects check animate.css


Have any queries related to Eden Responsive Carousels. Feel free to contact our support. We will try to help you as soon as possible. Contact our support by creating ticket:

Suggest Edit