Get Started

Guide to get started with Sandbox Modern & Multipurpose Bootstrap 5 Template.

Overview

This guide will help you get started with Sandbox. All the information regarding file structure, build tools, components, credits, license and FAQ can be found here.

If you have any questions that are beyond the scope of this help documentation, please feel free to contact us with the links below and please don't forget to provide your website URL.

Contact SupportCreate Support ticket

Please remember...

  • Requests sent during weekends or on holidays will be replied on business days.
  • We only provide support for the issues related to the features that are included in the template. Debugging or providing guides on how to make custom modifications are not part of our support. Thank you for understanding.

File Structure

  • public All template files like Fonts / CSS / IMG / Media exist inside in this folder
    • public/css Contains main theme.js and JS vendor files. If you don't wish to use all included plugins and scripts, just remove unwanted vendor JS files from
    • public/fonts Contains Fonts files inside this folder
    • public/img All image, svg files inside this folder we used in the demos
    • public/media All videos inside this folder we used in the demos
  • src All template source files like Pages / Components / SCSS / Data / Icon / Hooks that are exist inside this folder.
    • app All pages exist inside this folder. Use this folder if you want to create new page or edit any page.
    • src/assets Contains main SCSS & Fonts
    • src/components Contains all components inside this folder. If you want to need any component modification find from here.
      • src/components/block Contains all pages sections or blocks inside here
      • src/components/reusable Contains all reusable components inside here
      • src/components/common Contains all common static component or blocks exists here.
    • src/data Contains all project dummy data inside this folder.
    • src/hooks In this template, we create some custom reusable hooks for features such as like useIstope, useSticky etc. All hooks exist inside this folder
    • src/icons Contains all project icon components inside this folder. If you need to customize any icon component you can find from here.
    • src/plugins Inside this folder are some custom libraries for using this template.
    • src/utils It contains all utility functions inside this folder. In this template we used some utility all function exist here
  • package.json Includes the list of dependencies to install from npm.

Installation

  1. Install Node.js if you don’t have it yet.
  2. Unzip the template package and in the root project folder sandbox, go to your command line and run npm install. This will install the npm packages listed in the package.json file.
  3. Run npm run dev command.
  4. You should now have the project files set up and all the npm packages installed.

Think unique and be creative. Make a difference with Sandbox.

Everything you need to create your next unique and professional website, including impressive and ready-made blocks and pages.

Buy Sandbox
demo