NGX Feather Light UI

NGX Feather Light UI is a lightweight and simple yet powerful UI library for Angular applications. Designed with simplicity in mind, this library provides a minimal and efficient solution for projects that require basic UI controls without the overhead of larger frameworks like Angular Material or ngx-bootstrap.

A lightweight, simple UI library for Angular, designed for fast prototyping and basic components without the bloat of larger frameworks.

• Easy setup and integration with Angular projects.
• Lightweight components focused on simplicity and performance.
• No reliance on heavy dependencies like Angular Material or ngx-bootstrap.
• Ideal for small projects and quick prototyping.
• Responsive and accessible components for a seamless user experience.

View Demo Components & Documentation

Installation

Install NGX Feather Light UI using npm. view package on npmjs

npm i ngx-feather-light-ui

Usage

Import the library into your Angular project:

import { FluiButtonModule } from 'ngx-feather-light-ui';

@NgModule({
  imports: [
    FluiButtonModule,
  ],
})
export class AppModule {}

Using in Templates

<flui-button variant="primary" (isClicked)="isBtnClicked($event)" text="Button"></flui-button>

Component List

The library contains the following components that can be used standalone or with template-driven and reactive forms.

Buttons Component

<flui-button></flui-button>

Input Component

<flui-input></flui-input>

Textarea Component

<flui-textarea></flui-textarea>

Checkbox Component

<flui-checkbox></flui-checkbox>

Radio Button Component

<flui-radio></flui-radio>

Selectbox Component

<flui-selectbox></flui-selectbox>

Alert Component

<flui-alert></flui-alert>

Card Component

<flui-card></flui-card>

Login form using Different Components

Changelog

(1.0.1)

• Initial Release

Author

Aamer Shahzad [email protected]

Copyright and license

Copyright (C) 2024 NGX Feather Light UI

Licensed under MIT license.