Angular Folder Structure

Based on best practices from the community, other github Angular projects, developer experience from production Angular projects, and contributors, this project goal is to create a skeleton structure which is flexible for projects big or small.

This project defines directory structure in an Angular application and it is a working application. The code for this project can be found at

Directory Tree Structure

This is a default Angular application directory tree:

├── e2e
│   └── src
└── src
    ├── app
    ├── assets
    └── environments

This tree represents the directories this repository proposes be added to a default Angular application:

├── media
└── src
    ├── app
    │   ├── core
    │   ├── data
    │   ├── layout
    │   ├── modules
    │   └── shared
    └── styles

Each part of this tree is optional so please read through the Directory Structure Parts carefully to understand them all.


We welcome contributions of all kinds to this repository. Submit a PR or create an issue for anything you can help us improve.

For documentation contributions we recommend you install restructuredText into your copy of vscode so you can lint and preview your work before it is submitted.

This is documentation for angular-folder-structure. If you find this useful please add your ★ star to the project.