Latest Free Angular Components And Directives - Angular Script

Date Range Picker With Presets -rangepicker

A tiny and Material Design inspired date range picker with preset date ranges for faster selection.

December 16, 2019 Date & Time

Build HTML From On The Fly – NgxSmartForm

NgxSmartForm is an easy form builder library for the automation of the creation of Angular forms with dynamic models.

December 12, 2019 Form

Truncate Text To A Specific Numer Of Lines – ngx-line-truncation

A smart and responsive text truncation component for Angular that makes it possible to truncate long text (HTML content) to a specific number of lines.

December 4, 2019 Text

Customizable Year Calendar Module For Angular

A simple yet configurable Angular module that helps developers to create pretty clean calendars on the app.

December 3, 2019 Date & Time

Customizable Radial/Linear Progress Bar Component For Angular

A tiny yet configurable and responsive Angular progress bar component for the modern app.

November 27, 2019 Loading

Dynamic Data Table Component With Angular Material

A dynamic data table component built with Angular Material Table.

November 25, 2019 Table

Compare The Difference Between Strings – ngx-text-diff

ngx-text-diff is a text diff tool used for comparing the difference between strings you provide.

November 19, 2019 Text

Tiny Notification Library For Angular – NotificationMsgLibrary

An Angular module/service to help developers create minimal clean notification popups on the app.

November 18, 2019 Notification

Create Custom Keyboard Shortcuts On Angular App

A simple Angular directive/component to create custom keyboard shortcuts (hotkeys) on your Angular based applications.

November 13, 2019 Others

Angualr Password Strength Meter Based On Zxcvbn.js

A password strength meter component to create a visual indicator next to the password field that indicates the strength of the provided password.

November 12, 2019 Form

Add & Remove CSS Classes When Elements Is Sticky – ngx-sticky

ngx-sticky is an Angular direction to make any element stick to the top and add/remove certain CSS classes when the element gets stuck. Based on CSS position:sticky property and Intersection Observer API. Preview:

November 11, 2019 Others

Minimal File Select & Upload Component For Angular Material – mat-file-upload

A pretty clean and fully configurable file picker & uploader component built with Angular, Angular Material, and Material Icons. How to use it: 1. Install & download. # NPM $ npm install mat-file-upload –save @NgModule({ declarations: , imports: , providers: , bootstrap: , }) export class AppModule {} 2. Add the component to your template. <mat-file-upload OPTIONS HERE > </mat-file-upload> 3. Available options with default values. labelText: label text selectButtonText: text of select button uploadButtonText: text of upload button allowMultipleFiles: allows multi-file upload showUploadButton: whether or not to show the upload button customSvgIcon: custom SVG icon

November 7, 2019 Form

Custom Date Range Picker For Angular 8+ – ngx-daterange

A minimal clean and highly customizable date range picker for Angular 8+. Based on the Moment.js library to manipulate dates & times. See Also: 10 Best Date Picker Libraries For Angular.js App How to use it: 1. Install and import the ngx-daterange module. # NPM $ npm install ngx-daterange –save import { FormsModule, ReactiveFormsModule } from ‘@angular/forms’; import { NgxDateRangeModule } from ‘ngx-daterange’; 2. Use the component in your app. <date-range-picker =”options” =”form” =”‘myDateRange'”> </date-range-picker> @NgModule({ declarations: , imports: , providers: , bootstrap: }) export class AppModule { } 3. All possible

November 6, 2019 Date & Time