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 these web development stacks on your machine.
If your development environment is Apache + MySQL + PHP (most commonly used)
If your development environment is NGINX + MySQL + PHP

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

  • Google Chrome (Highly Recommended)
  • Mozilla Firefox
  • Microsoft Edge
  • Apple Safari
  • Opera

For Mobile

  • Chrome for Android
  • Safari for iOS
You can check the features supported by your targeted browsers here at

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/YOUR_PROJECT_NAME
  4. 4.
    Now, open your web browser and go to http://localhost/YOUR_PROJECT_NAME/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
Copy link
On this page
Web Server
Code Editor
Web Browser
Installing Nectar