Wireframe/Sketched Angular (v8) application

Are you tired of building typical Material Design/Bootstrap and other design system websites and wants to build something sketchy for fun? If yes, then let’s build one!

WiredJS Library

WiredJS is a web component library which offers sketchy hand-drawn like web components. Don’t forget to checkout their showcase of web components.

Wired Elements

WiredJs has good examples about how to use with React and VueJs but not for Angular, hence I thought let’s create one like below image.

WiredJs Signup form built with Angular

Building WiredJs Sign-up form with Angular

• Create a new Angular project (v8 used in this example)

ng new ng-wiredjs-demo

• Change command line directory to new project
• Install WiredJs library from npm package. You can install individual web component as well. Checkout WiredJs documentation for details.

npm install --save wired-elements

• Update angular.json file for referencing wired-elements…