A simple yet powerful tree component for Angular2

Usage no npm install needed!

<script type="module">
  import tengelhardtAngularTreeComponent from 'https://cdn.skypack.dev/tengelhardt-angular-tree-component';


npm version Build Status slack

angular tree component


We are happy to announce, that starting today, Circlon | group is taking over this repository. We're going on this journey with the strong belief, that this component should not be missed by the community, and we are hoping on your continuous and significant support as always. On this new journey we will also receive technical guidance from Adam, who will help us to better understand the community, their needs and also to elevate this component to a completely new level of engineering.

Getting started

Install angular-tree-component:

npm install @circlon/angular-tree-component

Import TreeModule:

import { TreeModule } from '@circlon/angular-tree-component';

  declarations: [AppComponent],
  imports: [TreeModule],
  bootstrap: [AppComponent]
export class AppModule {}

Add css to styles.scss or include in angular.json:

@import '~@circlon/angular-tree-component/css/angular-tree-component.css';

Docs, Demos & More




Slack Community

Angular supported version

angular-tree-component supports angular 2 and above, and AoT compilation.


Run npm run build (npm run build:win for windows users) to build. Run npm start:example-app and open localhost:4200 to test your code before submitting a pull request.

To run tests locally - make sure port 4200 is available and run:

$ npm run build              # build:win for windows; wait until build finished 
$ npm run start:example-app  # Wait until webpack finishes and http://localhost:4200 is available
$ npm run test:dev

Please check the issues / project before starting to work on a feature / bug to make sure it's not already in progress.


This project exists thanks to all the people who contribute.