> For the complete documentation index, see [llms.txt](https://cedrus.gitbook.io/project-fusion/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://cedrus.gitbook.io/project-fusion/new-componentservicepipe-creation-process.md).

# New Component/Service/Pipe Creation Process

This section will explain the proper way to create a new component/service/pipe since the refactor. We will use a component as an example but the process is exactly the same for a service or pipe.

Steps:

* Create a folder in src/lib/src/components for your new component and add the necessary files (TS, HTML, SCSS)
* Add a line to the src/lib/src/components/index.ts barrel file that exports your new component
  * `export * from './my-new-component/my-new-component.component';`
* Create a folder in src/demo/app/demos for your new component. This is where you will be creating the demo. It is no longer in the same folder as the component.
* Import your new component into the ui-library component and the app.module.ts and register it with both like you normally would.