# Directory Structure

Since SaasAble comes with a gulp, it has minor differences in structure but one can pick any one and start making changes, both are totally independent.

{% tabs %}
{% tab title="HTML" %}
```
dist/
├── assets/
│   ├── css/
│   ├── fonts/
│   ├── images/
│   ├── js/
│   ├── json/
├── about/
├── ai/
├── benefit/
├── block/
├── blog/
├── clientele/
├── coming-soon/
├── contact-us/
├── crm/
├── crypto/
├── cta/
├── error404/
├── error500/
├── faq/
├── feature/
├── footer/
├── hero/
├── hosting/
├── hrm/
├── images/
├── integration/
├── layouts/
├── navbar/
├── other/
├── pages/
├── partials/
├── plugin/
├── pms/
├── pricing/
├── process/
├── small-hero/
├── team/
├── testimonial/
├── under-maintenance/
├── index.html
```
{% endtab %}

{% tab title="GULP" %}
```
tailwind_plugins/
├── layouts/
src/
├── assets/
│   ├── fonts/
│   ├── images/
│   ├── js/
│   ├── json/
│   ├── scss/
├── html/
│   ├── about/
│   ├── ai/
│   ├── benefit/
│   ├── block/
│   ├── blog/
│   ├── clientele/
│   ├── coming-soon/
│   ├── contact-us/
│   ├── crm/
│   ├── crypto/
│   ├── cta/
│   ├── error404/
│   ├── error500/
│   ├── faq/
│   ├── feature/
│   ├── footer/
│   ├── hero/
│   ├── hosting/
│   ├── hrm/
│   ├── images/
│   ├── integration/
│   ├── layouts/
│   ├── navbar/
│   ├── other/
│   ├── pages/
│   ├── partials/
│   ├── plugin/
│   ├── pms/
│   ├── pricing/
│   ├── process/
│   ├── small-hero/
│   ├── team/
│   ├── testimonial/
│   ├── under-maintenance/
│   ├── index.html
├── gulpfile.js
├── tailwind.config.js
├── package.json
├── README.MD
```
{% endtab %}
{% endtabs %}
