npm-package

React-Select: Learn to Use Multiple Select, Filter, and Server-Side Options

React-select is a popular library for creating custom select elements in React applications. It offers a wide range of features and customization options, making it a great choice for building advanced select elements. With React-select, developers can easily create and customize select elements with a simple and intuitive API. In this tutorial, we will go […]

React-Select: Learn to Use Multiple Select, Filter, and Server-Side Options Read More »

Angular 13 ng-http-loader for Global Spinner Loader Tutorial by Example

In this tutorial, we will implement a global Spinner Loader in the Angular project by using a third-party package. The Spinner loader is shown whenever there is a pending HTTP call using Interceptors. This spinner loader comes with many configuration settings to customize its look and feel in your project. Angular interceptors were introduced after

Angular 13 ng-http-loader for Global Spinner Loader Tutorial by Example Read More »

Server Side Pagination in Angular 14 using NGX Pagination

In server-side-based pagination, we fetch remote data via REST API and populate it in real-time in tabular form or any list items. In this guide, you will learn how to easily implement server-side pagination in Angular applications in a few steps. Pagination is the way of dividing a huge set of data records into multiple

Server Side Pagination in Angular 14 using NGX Pagination Read More »

Angular 15 : Create UI Avatars using ngx-avatars Tutorial

In an Angular application, avatars are a common UI element used to represent users, contacts, or other entities. While there are many UI libraries available that provide avatar components, you can also create avatars in your Angular app without using any external libraries. One way to do this is by using the ngx-avatars library, which

Angular 15 : Create UI Avatars using ngx-avatars Tutorial Read More »

NGX-Countdown: Customize UI to Show Countdown in Boxes with Actions

In this tutorial, we will discuss how to use ngx-countdown to show days, hours, minutes and seconds in separate big boxes with a custom UI design. Also we will add even actions to start, stop, pause and restart the counter. ngx-countdown is an Angular module that provides a customizable countdown timer component. It allows you

NGX-Countdown: Customize UI to Show Countdown in Boxes with Actions Read More »

React Responsive Image Gallery Example using react-image-gallery

Image Gallery is used to display images in carousels on top of the website to provide more details about highlight products and services. In this React tutorial, we will implement a feature rich image carousel with thumbnail support and multi-device support. This image gallery plugin can very well operate in responsive layout and touch devices,

React Responsive Image Gallery Example using react-image-gallery Read More »

How to Integrate PayPal in Your Angular App: A Step-by-Step Guide

In today’s digital age, payment gateways have become an integral part of e-commerce websites and mobile applications. PayPal is one of the most popular payment gateways that allows users to make secure online payments. If you’re building an e-commerce app or website with Angular, integrating PayPal using ngx-paypal can significantly improve the checkout experience for

How to Integrate PayPal in Your Angular App: A Step-by-Step Guide Read More »

Multi-select Dropdown in Angular Material using ngx-mat-select-search

Multiselect dropdowns allow users to choose more than one value at a time. In this tutorial, you will learn how to add a multi-select drop-down selection in Angular using the Material library. Multiselect dropdown with checkboxes and select all that can be easily created using this awesome library. While using the material library in the

Multi-select Dropdown in Angular Material using ngx-mat-select-search Read More »

React JS: Handle Internationalization and Localization with Example Tutorial

Internationalization (i18n) and localization (l10n) are important aspects of creating applications that can be used by people from all over the world. In this tutorial, we will learn how to implement internationalization and localization in a ReactJS application using the react-i18next library. We will walk through the process of setting up the library, loading translations

React JS: Handle Internationalization and Localization with Example Tutorial Read More »

Angular 13 Toaster Notification Message using NGX-Toastr

In this Angular tutorial, you will learn how to add Toast Notification messages in the Angular application by adding the ngx-toastr package module. A toast notification message is a very useful UI element that helps in displaying the messages to the user. A message could be an error, warning, success or just information. These message

Angular 13 Toaster Notification Message using NGX-Toastr Read More »

Angular 14 – Mastering the Art of Voice and Gesture Interactions: A Step-by-Step Guide

Voice and gesture-based interactions are becoming increasingly popular in modern web applications, allowing users to interact with their devices in a more natural and intuitive way. Angular is a popular JavaScript framework for building web applications, and it can be used to create applications that support voice and gesture interactions. In this tutorial, we will

Angular 14 – Mastering the Art of Voice and Gesture Interactions: A Step-by-Step Guide Read More »

ExcelJS in Angular 13 : How to Add Multiple WorkSheets

In this post, you will learn how to add multiple worksheets to the ExcejJS-generated XLSX file. In an excel workbook, we can have multiple worksheets that can have multiple datasets, that can communicate data between each other. We already discussed the detailed tutorial on creating the excel file from JSON data with custom styles on

ExcelJS in Angular 13 : How to Add Multiple WorkSheets Read More »