An Angular User Interface (UI) component library whose functionality is to facilitate the construction of attractive, consistent and functional web pages or web applications.

Features

• 30+ high-quality Angular components out of the box.
• Written in TypeScript with complete defined types.
• Support OnPush mode, high performance.
• Powerful theme customization in every detail.

Angular Support

Angular | FascinatiNG | Status | ------------- | --------------- | ----------- | 16 (ivy only) | 5.x | Active | 15 (ivy only) | 4.x | Bug | 14 (ivy only) | 3.x | Bug | 13 (ivy only) | 2.x+ | - | 12/13/14 | 1.x+ | - |

Installation

To install FascinatiNG run the following command :

    npm i fascinating

Style configuration

Add in angular.json file of your app.

   "styles": [
     "node_modules/fascinating/src/lib/theme/fedkit/theme.scss"
    ]

Assets configuration

  "assets": [
    {
     "glob": "**/*" ,
     "input": "node_modules/fascinating/src/lib/assets",
     "output": "/assets/"
    }
  ]
  

Animation

Some components use animations to imporove user expirience, so you have to import BroswerAnimationModule in your app.

  import {BrowserModule} from '@angular/platform-browser';
  import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
      
      @NgModule({
          imports: [
              BrowserModule,
              BrowserAnimationsModule,
              ...
          ],
          ...
      })
      export class AppModule { }

Theme

To Run themes have to include setThemes() in style.scss

   @import 'node_modules/fascinating/src/lib/theme/_mixins.scss';

   @include setThemes();

Love fascinating ? Give to repo a star :star:.