This guide explains how to set up the tools and environment for developing app using Nectar on your local machine.


Following are the requirements for Nectar:

Web Server

Nectar has Single Page Application (SPA) architecture. It means that all the HTML pages are dynamically loaded inside a parent HTML file (index.html) via AJAX, thus preventing page reload.
As AJAX is required for loading the HTML content, you must have a web server (localhost) installed on your machine.
You can install any one of the web servers of your choice.
If your development environment is Apache + MySQL + PHP, you can use XAMPP for Windows, Linux & macOS.

Code Editor

You can use any of these free code editors.

Web Browser

You should install the latest version of your targeted web browsers for testing of different features.

For Desktop

For Mobile

  • Chrome for Android
  • Safari for iOS
You can check the features supported by your targeted browsers here at and provide fallback for unsupported features accordingly.

Installing Nectar

  1. 1.
    Purchase your licensed copy of Nectar from ThemeForest (Buy Now)
  2. 2.
    After purchasing, download the package and unzip it.
  3. 3.
    Copy the contents of unzipped package into the localhost folder /htdocs/
  4. 4.
    Now, open your web browser and go to http://localhost/nectar/classic/www/
  5. 5.
    Cheers! Your project is up and running.
It is highly recommended to read the official Framework7 documentation while using Nectar. You can read the documentation at