Free AngularJS Modules

[angularscript]

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

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: [AppComponent], imports: [ ... MatFileUploadModule, ... ], providers: [], bootstrap: [AppComponent], }) export class AppModule {}

View On WordPress

[angularscript]

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.

[angularscript]

Handle Click Outside In Angular - ngx-page-click

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.

Installation:

# NPM $ npm install ngx-page-click --save

Preview:

View On WordPress

[angularscript]

Customizable Password Input Component – ng-otp-input A fully customizable, one-time password input (aka. pin code) component for the web built with Angular. Installation: # NPM $ npm install ng-otp-input --save Preview:

[angularscript]

Material Datepicker With Range Selection – saturn-datepicker A pretty clean Material date picker with support for date range selection. Preview:

[angularscript]

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. Installation: # NPM $ npm install @verizon/ngx-panels --save Preview:

[angularscript]

Simple Configurable Color Picker For Angular A simple yet fully configurable color picker component for Angular 5+ applications. Installation: # NPM $ npm install @iplab/ngx-color-picker --save Preview:

[angularscript]

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.

[angularscript]

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. Based on the Angular Routing for navigation. Installation: # NPM $ npm install @cmdap/ng-wizard --save import { NgWizardComponent } from '@cmdap/ng-wizard'; Preview:

[angularscript]

Angular 3D Product Viewer With Three.js A 3D product viewer for Angular, based on the Three.js library. Mouse drag or touch swipe to rotate the camera. Scroll to zoom in or out. Preview:

[angularscript]

Material Datetime Range Picker For Angular An Angular material datetime range picker with daily, weekly, monthly, quarterly & yearly views. Installation: # NPM $ npm install ngx-datetime-range-picker --save Preview:

[angularscript]

Angular Pagination Component For Any Data An Angular pagination component for your grid (or any other form of data). Installation: # NPM $ npm install ngx-paginate --save Preview:

[angularscript]

Overflow Shadow For Scrollable Content – NgxOverflowShadow NgxOverflowShadow is an Angular directive to adds a shadow effect to overflow content in a scrollable container. Installation: # NPM $ npm install ngx-overflow-shadow --save Preview:

[angularscript]

Simple Nested JSON Tree For Angular - bn-ng-tree

Simple Nested JSON Tree For Angular – bn-ng-tree

bn-ng-tree is a tree component for Angular 6+ that helps you render a tree structure from nested JSON data you provide.

More features:

5 themes: default, greenish, dark, light, and sun.

With or without checkboxes.

Searchable tree nodes. Triggered by onChange and keypress.enter events.

Installation:

# NPM $ npm install bn-ng-tree-lib --save

Preview:

View On WordPress

[angularscript]

Lazy Loaz Non Routable Modules – ngx-loadable The ngx-loadable wraps the complex implementation for lazy loading non-routable modules in a simple API. It provides a component…

[angularscript]

Pretty Checkbox Components For Angular

Pretty Checkbox Components For Angular

A set of Angular components to create pretty, custom checkboxes, toggle switches, radio buttons on the app.

Install & import:

# Yarn $ yarn add pretty-checkbox ngx-pretty-checkbox # NPM $ npm install pretty-checkbox ngx-pretty-checkbox --save

@import '~pretty-checkbox/src/pretty-checkbox.scss'; import { NgxPrettyCheckboxModule } from 'ngx-pretty-checkbox';

Use the component.

Default

View On WordPress

[angularscript]

Multi-language Calendar Component For Angular – nw-calendar nw-calendar is a multi-language calendar component for Angular that supports week and month views, and more than 100 locales. Installation: # NPM $ npm install nw-calendar --save Preview: