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
Handle Click Outside In Angular – ngx-page-click
ngx-page-click is an Angular module that handles the user clicks when they click outside your wrapped component.
October 7, 2019
Others
Customizable Password Input Component – ng-otp-input
A fully customizable, one-time password input component for the web built with Angular.
September 30, 2019
Form
Material Datepicker With Range Selection – saturn-datepicker
A pretty clean Material date picker with support for date range selection.
September 27, 2019
Date & Time
Create Custom Sidebar Panels In Angular – ngx-panels
The ngx-panels component allows you to create custom sidebar panels for navigation, settings, social share, etc.
September 16, 2019
Menu & Navigation
Simple Configurable Color Picker For Angular
A simple yet fully configurable color picker component for Angular 5+ applications.
September 6, 2019
Others
Split Text Into Words/Characters/Lines – ng-gx-split-text
ng-gx-split-text is an Angular component that split the text into words, characters, and/or lines for further use.
September 3, 2019
Text
Simple Configurable Wizard/Stepper Component For Angular – ng-wizard
ng-wizard is a simple yet customizable wizard/stepper component which can be used for signup forms.
September 2, 2019
Others
Angular 3D Product Viewer With Three.js
A 3D product viewer for Angular, based on the Three.js library.
August 21, 2019
Others
Material Datetime Range Picker For Angular
An Angular material datetime range picker with daily, weekly, monthly, quarterly & yearly views.
August 19, 2019
Date & Time
Angular Pagination Component For Any Data
An Angular pagination component for your grid (or any other form of data).
August 16, 2019
Others
Overflow Shadow For Scrollable Content – NgxOverflowShadow
NgxOverflowShadow is an Angular directive to adds a shadow effect to overflow content in a scrollable container.
August 15, 2019
Others
