# Get Started

Guide to get started with Sandbox Modern & Multipurpose Tailwind CSS 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 Form Discussions Page

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

- `dist` All template distribution files like HTML / CSS / JS that have been processed.
  - `assets/js` Contains main `theme.js` and JS files. If you don't wish to use all included plugins and scripts, just remove unwanted JS files from `assets/js` then remove unwanted functions from `assets/js/theme.js` and save.
  - `assets/css` Contains CSS files. If you don't wish to use all included plugins, just remove unwanted CSS from `assets/css` and save.
- `dist/docs` & `dist/docs` Contain all documentation files (installation, blocks, elements, etc.) regarding the template. You can also reach the documentation from the live demo as well.
- `package.json` Includes the list of dependencies to install from npm.

## Installation

This step aims for advanced users who want to speed up development process and is optional. You can still use plain HTML / CSS / JS to customize Sandbox. Files you need are located in `dev`

If you'd like to speed up development process with Node.js, then follow these steps:

1. Install Node.js if you don’t have it yet.
2. Run `npm install -D tailwindcss postcss autoprefixer` after `npx tailwindcss init` command, if you haven't already installed tailwindcss previously.
3. This will install the npm packages listed in the `package.json` file.
4. You should now have the project files set up and all the npm packages installed.
5. Build `npm run build` you wll run this command after customize your template when ready for production

## Quick Installation Video

This quick video demonstrates:

This How to Change Color demonstrates:

This How to Change icon font demonstrates:

- Installing npm packages (Terminal command: `npm install`)
- Build for Production (Terminal command: `npm run build`)

## 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