Introduction

Hello, you are looking at documentation for KeeneX – HTML Bootstrap 5 AI Chat App Template. You will learn how to setup workspace, build and customize theme.

Since this theme is based on Bootstrap, you should check and learn basics at the official framework documentation before continuing.

Step 1. Node.js

To be able to use the Gulp you need to download and install Node.js from the official site, install the specified version, which must exactly match 20.13.1 LTS, to avoid compatibility issues.

You can check the current installed version of Node.js on your computer by running the following console command in the console or terminal:

node -v

Step 2. Gulpfile.js

Install Gulp Command Line Interface globally to use Gulp in your terminal.

npm install gulp-cli -g

Step 3. NPM modules

When you are done, make sure you have installed the rest of the themes dependencies, from the console or terminal, navigate to the template directory and execute the following command:

npm install

How to use Gulp toolkit?

Now, modify your SCSS and HTML source files in src folder and run npm run dev command in terminal for development or npm run build to build final production version of template. Use gulp command for quick start development. The BrowserSync plugin will open default web browser and show result of editing. When you are done just hit Ctrl + C in terminal or just close terminal window to stop BrowserSync server.

npm run dev

npm run build

gulp

How to customize SCSS?

To ensure correct future updates you can edit three files:

• custom-variables.scss and custom-variables-dark.scss: these files can be used to override Bootstrap and the template variables.
• custom-code.scss: this file can be used for writing custom SCSS.

Support

With a product you will get support from the author. To know more about what is included, please check the Marketplace Support Policy for more information.

Credits

Attribute the image to its author as required by the license agreement: