Angular Others Components & Directives

Uncategorized AngularJS components, directives, modules, plugins, APPs and other related resources.

Scrollbar Indicator To Show The First Character Of The Item In A Large List

An Angular component to add an indicator to the scrollbar that shows the first character of the item in a larget list.

February 27, 2020 Others

Drag’n’drop Subscription Letter Editor In Angular – angular-email-editor

A visual email editor library for Angular that makes it easier to create a progressional subscription letter with drag and drop.

February 25, 2020 Others

Create A Onboarding Screen On Your App – ngx-onboarding

A customizable onboarding library for Angular that can be used to guide your visitors through your web app. More Features: Definition of several steps on each view. Highlighting of every step. Configurable on which position (top, bottom, left or right) the information text should be displayed. Multiple language support If onboarding is enabled, buttons for going to the next step and for turning off the onboarding become visible. If a user has seen the onboarding of a view, it will by default be stored in the local storage of the browser. Possibility to reset and again turn on the onboarding.

February 20, 2020 Others

Web Audio API Declarative Library For Angular

This is a Web Audio API declarative library for Angular to build audio graphs with directives. Also provides a service which allows you to easily turn your hosted audio file into AudioBuffer through GET requests. Preview:

January 23, 2020 Others

Material Design Back To Top Button For Angular – ngx-scrolltop

ngx-scrolltop is an Angular component/directive to create a Material Design inspired back to top button that smoothly scrolls the page back to the top when clicked/tapped.

January 21, 2020 Others

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

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

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

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

Simple Configurable Color Picker For Angular

A simple yet fully configurable color picker component for Angular 5+ applications.

September 6, 2019 Others

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

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

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.

August 14, 2019 Others

Responsive Star Rating Library For Angular – starrating

Simple, lightweight, highly customizable and fully responsive Star Rating library built using Angular. Installation: # NPM $ npm install ng-starrating –save Preview:

July 23, 2019 Others