Material Date And Time Picker – ngx-mat-datetime-picker
An Angular module to create a date and time picker inspired by Material Design.
January 20, 2020 Date & Time
Create Circular Progress Bars With SVG And Angular – Mgx
Mgx is a JavaScript UI component library for Angular to create SVG based animated circular progress bars in modern web applications.
January 16, 2020 Loading
Custom Bottom Sheet Component For Angular
An easy implementation of the bottom sheet on your AngularJS web applications. Features: Light and dark theme Custom trigger button Custom font/background colors How to use it: 1. Install and import the Bottom Sheet Component in your Angular project. # NPM $ npm install angular-bottom-sheet –save import { BrowserModule } from ‘@angular/platform-browser’; import { NgModule } from ‘@angular/core’; import { AngularBottomSheetModule } from ‘angular-bottom-sheet’; import { AppComponent } from ‘./app.component’; @NgModule({ declarations: , imports: , providers: , bootstrap: }) export class AppModule { } 2. Add the Bottom Sheet together with a toggle button
January 13, 2020 Others
Animate Counting Of Numeric Value – ngx-countUp
An Angular wrapper for the countUp.js that animates the counting of any numeric value with easing functions and custom separator & decimal.
January 9, 2020 Others
Date, Time, And Range Picker With Moment.js – angular-moment-picker
Angular Moment Picker is a native AngularJS module for date and time picker that uses Moment.js and does not require jQuery.
January 9, 2020 Date & Time
Pretty Clean Persian Datepicker Component – NgPersianDatepicker
A pretty clean and highly customizable Persian date and time picker component for Angular 8+ applications.
December 30, 2019 Date & Time
Simple Clean Countup & Countdown Timer For Angular – Cd-Timer
A simple, re-usable, customizable timer component that supports both countup and countdown.
December 20, 2019 Date & Time
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
