node package manager
Love JavaScript? Your insights can make it even better. Take the 2017 JavaScript Ecosystem Survey »


Angular 2 SignaturePad

Build Status npm version npm npm

Source @

Table of contents

  1. Getting Started
  2. Installation instructions
  3. Usage & Demo
  4. Contributing
  5. License

Getting Started

angular2-signature-pad contains SignaturePadModule for Angular 2.

Additionally we use signature_pad for this component.

Installation instructions

Install angular2-signature-pad from npm:

npm install angular2-signature-pad --save

or using yarn:

yarn add angular2-signature-pad

How to use it with:

Usage & Demo

Main source of API documentation and usage scenarios is available at


Is very welcome! And remember, contribution is not only PRs and code, but any help with docs or helping other developers to solve issues are very appreciated! Thanks in advance!

Quick Guide


import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { SignaturePadModule } from 'angular2-signature-pad';
import { AppComponent } from '../src/app.component';
  imports: [
  declarations: [AppComponent],
  bootstrap: [AppComponent],




You can find a working example inside the demo directory.

To serve it locally, run:

git clone
npm i
npm run demo.serve