Reactive components for Angular with customizable UX themes
Documentation | StackBlitz Template
eang is fast, fully reactive, and really flexible angular development framework with a set of themeable visual components. Through its native support for reactive programming, eang enables your angular apps to automatically update the user experience in response to event stream data from event sources. Eang plays well with your existing Angular architecture.
To install eang into your angular project run:
npm install eang
Play with eang components
To see examples of eang components and customize them run:
npm run playground
How to use eang components
You can mix and match eang components with your existing angular app.
Create your own eang CSS theme
By default, eang components are styled using the theme called 'mode'. However, you can create your own custom theme by following the steps below.
- Create a file:
- Create a directory:
- Inside the
- create a file called
variables.css(you can copy a variables.css file from one of the other existing theme directories)
- create a file
- to modify fonts and colors, you can play with the values inside the file
- set up a post-css pipeline
- add a line into the file
'inside of the
'section as follows:
"css:<nameofyourtheme>": "postcss themes/all.css themes/<nameofyourtheme>.css themes/<nameofyourtheme>.css themes/<nameofyourtheme>/**/*.css -o playground/dist/<nameofyourtheme>.css",
Create your own eang component
You can create new eange components. Each eang component has three files:
travis (build, publish to npm, reference docs)
eang's build scripts enforce linting to prevent errors.
to commit your changes to eang, just run
npm run commit and follow the prompts