# Directory Structure

Since Able pro 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/
├── admins/
├── application/
├── chart/
├── dashboard/
├── elements/
├── forms/
├── layouts/
├── other/
├── pages/
├── table/
├── widget/
├── index.html
```
{% endtab %}

{% tab title="GULP" %}
```
tailwind_plugins/
├── layouts/
src/
├── assets/
│   ├── fonts/
│   ├── images/
│   ├── js/
│   ├── json/
│   ├── scss/
├── html/
│   ├── admins/
│   ├── application/
│   ├── chart/
│   ├── dashboard/
│   ├── elements/
│   ├── forms/
│   ├── layouts/
│   ├── other/
│   ├── pages/
│   ├── table/
│   ├── widget/
│   ├── index.html
├── .babelrc
├── gulpfile.js
├── package.json
├── README.MD
```
{% endtab %}
{% endtabs %}
