ngx-drag-to-select - A lightweight, fast, configurable and reactive drag-to-select component for Angular 6 and beyond

  •        4

You can also fiddle with the library using StackBlitz. Credits for the template go to Bram Borggreve. The first step is to add the CSS and for that you have two options. Either you use the default styles or you can import the ngx-drag-to-select sass package directly. The latter gives you the option to override variables and customize for instance the look and feel of the selection rectangle.

https://www.npmjs.com/package/ngx-drag-to-select
https://github.com/d3lm/ngx-drag-to-select

Dependencies:

@angular/animations : ^6.0.0
@angular/cdk : ^6.0.0
@angular/common : ^6.0.0
@angular/compiler : ^6.0.0
@angular/core : ^6.0.0
@angular/forms : ^6.0.0
@angular/http : ^6.0.0
@angular/material : ^6.0.0
@angular/platform-browser : ^6.0.0
@angular/platform-browser-dynamic : ^6.0.0
@angular/platform-server : ^6.0.0
@angular/router : ^6.0.0
core-js : ^2.4.1
rxjs : ^6.1.0
web-animations-js : ^2.3.1
zone.js : ^0.8.19

Tags
Implementation
License
Platform

   




Related Projects

ng-select - :star: Native angular 6+ select component

  •    TypeScript

Library is under active development and may have API breaking changes for subsequent major versions after 1.0.0. To allow customization and theming, ng-select bundle includes only generic styles that are necessary for correct layout and positioning. To get full look of the control, include one of the themes in your application. If you're using the Angular CLI, you can add this to your styles.scss or include it in .angular-cli.json (Angular v5 and below) or angular.json (Angular v6 onwards).

ng2-dnd - Angular 2 Drag-and-Drop without dependencies

  •    TypeScript

Angular 2 Drag-and-Drop without dependencies. Follow me to be notified about new releases.


ngx-admin - Admin dashboard template based on Nebular framework (Angular 4+, Bootstrap 4) previously known as ng2-admin

  •    TypeScript

We will continue supporting ng2-admin version, but if you are starting from scratch we recommend using ngx-admin version. Unfortunately, there is no way to update from ng2-admin to ngx-admin, but some parts (Nebular components) could be manually included.This template is based on Nebular framework, documentation and other useful articles could be found here.

drag-select-recyclerview - Easy to implement Google Photos style multi-selection for RecyclerViews.

  •    Java

This library allows you to implement Google Photos style multi-selection in your apps! You start by long pressing an item in your list, then you drag your finger without letting go to select more.The Gradle dependency is available via jCenter. jCenter is the default Maven repository used by Android Studio.

ngx-graph - Graph visualization library for angular

  •    TypeScript

This library is focused on handling graph data (anything with nodes and edges) rather than chart data. Currently the only visualization uses the Dagre layout, which is specialized for directed graphs. The plan is to implement multiple visualisations for graph data within this same library. Eventually, ngx-charts-force-directed-graph may be imported into this library as another option to visualize your graph data. ngx-graph is a Swimlane open-source project; we believe in giving back to the open-source community by sharing some of the projects we build for our application. Swimlane is an automated cyber security operations and incident response platform that enables cyber security teams to leverage threat intelligence, speed up incident response and automate security operations.

ngx-echarts - An angular (ver >= 2.x) directive for ECharts (ver >= 3.x)

  •    TypeScript

ngx-echarts is an Angular (ver >= 2.x) directive for ECharts (ver >= 3.x).

ngx-schema-form - HTML form generation based on JSON Schema

  •    TypeScript

Ngx Schema Form is an Angular 2+ module allowing you to instanciate an HTML form from a JSON schema. Note: Version 1.x is compliant with Angular <=4, version 2.x is compliant with Angular >=6.

ngx-weui - weui for angular

  •    TypeScript

WeUI Components build with Angular. please refer to more details.

ngx-pipes - ⚡️ Useful pipes for Angular with no external dependencies!

  •    TypeScript

TypeSerializer - Another library you might find interesting. Serializer / Deserializer, designed to make prettier code while using decorators (Can be used both with Angular or Node.js).

ngx-formly - JavaScript powered FORMS for Angular 2.x and above

  •    TypeScript

@ngx-formly is an Angular module which has a Components to help customize and render JavaScript/JSON configured forms. The formly-form Component and the FormlyConfig service are very powerful and bring unmatched maintainability to your application's forms.Follow these steps to get started with ng-formly. Also check out our demos for further examples.

FastAdapter - The bullet proof, fast and easy to use adapter library, which minimizes developing time to a fraction

  •    Java

The RecyclerView is one of the most used widgets in the Android world, and with it you have to implement an Adapter which provides the items for the view. Most use cases require the same base logic, but require you to write everything again and again. The FastAdapter is here to simplify this process. You don't have to worry about the adapter anymore. Just write the logic for how your view/item should look like, and you are done. This library has a fast and highly optimized core which provides core functionality, most apps require. It also prevents common mistakes by taking away those steps from the devs. Beside being blazing fast, minimizing the code you need to write, it is also really easy to extend. Just provide another adapter implementation, hook into the adapter chain, custom select / deselection behaviors. Everything is possible.