A simple framework that contains Angular elements.


201.0.164 years ago4 years agoMinified + gzip package size for @stanvanheumen/ngx-elements in KB



Simply add some elements that can be used in your Angular 5+ project.

  • Use command + F or ctrl + F to search for a keyword.
  • Contributions welcome, please see contribution guide.


  • :camel: Easy implementation
  • :mouse: Lazy loading compatible
  • :sheep: Angular Universal compatible
  • :bird: Ahead-Of-Time compilation compatible


Click here to play with the example


To use ngx-elements in your project install it via npm or yarn:

$ npm install @stanvanheumen/ngx-elements --save

# or

$ yarn add @stanvanheumen/ngx-elements

To get the best styling you can import the styling.scss that is included in the library.

@import '~@stanvanheumen/ngx-elements/vendor/styles';

To get the correct fonts and icons you should add these two link-tags to the head section of your index.html (these are not included for performance).

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet">

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.