Synto - React JavaScript Tailwind CSS Admin Dashboard Template

Folder Structure


                    src/
                     ├── assets/
                     ├── src
                     |   ├── assets/
                     |   |    ├── css
                     |   |    |    ├── style.css
                     |   |    |    ├── style.css.map
                     |   |    |    ├── style.min.css
                     |   |    |    └── style.min.css.map
                     |   |    ├── iconfonts/
                     |   |    |    ├── RemixIcons/
                     |   |    |    └── tabler-icons/
                     |   |    ├── img/
                     |   |    └── scss/
                     |   |        ├── custom/
                     |   |        ├── dashboards/
                     |   |        ├── layout/
                     |   |        ├── plugins/
                     |   |        ├── switcher/
                     |   |        ├── tailwind/
                     |   |        ├── _icons.scss
                     |   |        ├── _variables.scss
                     |   |        └── style.scss
                     |   ├── common/
                     |   ├── component
                     |   ├── layout
                     |   ├── ScrollToTop
                     |   ├── index.scss
                     |   └── main.jsx
					
					
					
Folders Description
  • Synto - React JavaScript Tailwind CSS Admin Dashboard Template / : Root template folder contain all react component(Structure page), css, scss, images and other files.
    • assets/ : Folder contain all the Synto Template assets which has css, scss, and images.
      • css/: Folder contain assets which has complete styles.
        • styles.css : Main style sheet for template
      • iconfonts/: Folder contain all types of icons which is used in this template.
      • img/ : Template images.
      • scss/ : Folder contain all pages scss files and all plugins scss files also included.
      • index.scss : this scss file is known as a global scss file in your template.
    • gulpfile.js : Gulp tasks js file.
  • Note: When you run gulp command libs files are generated in dist folder and those files wont included in src folder.