src/
├── assets/
├── |-- css/
| |-- |-- styles.css
| |-- |-- styles.min.css
| |-- |-- styles.min.css.map
├── |-- iconfonts/
| |-- |-- RemixIcons/
| |-- |-- tabler-icons/
├── |-- img/
├── |-- js/
├── |-- scss/
| |-- |-- custom/
| |-- |-- dashboards/
| |-- |-- layout/
| |-- |-- plugins/
| |-- |-- switcher/
| |-- |-- tailwind/
| |-- |-- _icons.scss
| |-- |-- _variables.scss
| |-- |-- styles.scss
├── html/
| |-- partials/
| |-- |-- auth-js.html
| |-- |-- commonjs.html
| |-- |-- custom_switcherjs.html
| |-- |-- footer.html
| |-- |-- header.html
| |-- |-- headersearch_modal.html
| |-- |-- loader.html
| |-- |-- main-header.html
| |-- |-- main-header2.html
| |-- |-- menu.html
| |-- |-- page-header.html
| |-- |-- switcher.html
gulpfile.js
package-lock.json
package.json
postcss.config.js
tailwind.config.js
Synto - Tailwind CSS Admin Dashboard Template /
: Root template folder contain all html, js, css, scss, images
and other files.
assets/
: Folder contain all the Synto Template assets which has css, js, scss, and images.
css/
: Folder contain assets which has complete styles.
styles.css
: Main style sheet for templateiconfonts/
: Folder contain all types of icons which is used in this template.
img/
: Template images.
js/
: Folder contain all the template pages js files.
scss/
: Folder contain all pages scss files and all plugins scss files also included.
html
: All HTML Pages.Partials/
:
1. This folder have all common html files which we commonly used in all html pages. If you want to add content which you need in all html pages you just create new file and add content to that. No need to add that whole content to every page, you just add that link into all html pages.
2. Import that created file link into all html pages with @SPK@include("partials/sample.html")
Note: These files are used for only src folder not for dist folder users.
gulpfile.js
: Gulp tasks js file.package.json
: package json file.postcss.config.js
: postcss.config.js file configures PostCSS for transforming and processing CSS.tailwind.config.js
: tailwind.config.js file customizes Tailwind CSS by defining styles and variants.Note: When you run gulp command libs files are generated in dist folder and those files wont included in src folder.