Introduction

Hello, you are looking at documentation for Unior – 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 the official framework documentation before continuing.

Node.js

To be able to use the Gulp you need to download and install Node.js from the official site. The suggested version to install is 18.16.x LTS.

Gulpfile.js

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

npm install gulp-cli -g

NPM modules

When you’re done, make sure you’ve installed the rest of the themes dependencies:

npm install

Gulp

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

npm start

npm run build

SCSS customizing

To ensure correct future updates you can edit three files:

• _custom-variables.scss _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.

Package Updating

Stay tuned for package updates on the TemplateMonster marketplace. If you wish to update the package yourself, follow these steps:

1. Update Node.js to actual version.
2. Manually correct every dependencies version number in package.json file to actual version.
3. From console run "npm install" command to update dependencies.
4. If you also update Bootstrap dependencie solve possible errors in theme SCSS code related to Bootstrap.

Support

Support is provided according to TemplateMonster marketplace rules.

Changelog

v1.1.0 - Bootstrap updated to final version 5.3.0.

Credits

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