fascinating

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 ⭐.