Sync your Webflow updates with your Angular code

Edit your site the WYSIWYG way in Webflow, we automatically sync it with your Angular code!

FreeFormJS gives Angular developers the power to synchronize Webflow updates into Angular 2/4/5 & 6 effortlessly within minutes (or automatically in seconds with ng-monitor).

Step #1: add an id value to select HTML tags

then Click Export Code

Webflow's Symbol capability works very well with Angular's Component concept. With FreeFormJS you can utilize the strengths of each and make your coding experience easier!

Step #2:  select CREATE or SYNC

then drag & drop zip into box and hit Create

FreeFormJS gives you the ability to quickly make changes to your HTML/CSS code and have those changes appear in your Angular project effortlessly!

Step #3: Edit your HTML

and add your Angular code!

To go from your Webflow layout to your Angular 2/4/5 & 6 code and back again in seconds. No more messing with hidden CSS details, no more cutting an pasting HTML code from one location to another. Coding becomes fun again!

ng-monitor version 1.5 release date: October 21, 2018

New features to include: --save, --save-wf, --save-ffjs, --load and --encrypt

Currently supporting Angular 2, 4, 5 & 6

ng-router

By default FreeFormJS performs a simple carbon copy of your index page layout to each of your other HTML pages. Usually, you want to make use of some the advantages of using Angular which includes keeping part of the index page static and using the other HTML pages as parts of the main index page. To make use of Angular's route mechanism in this manner, assign ng-router to some part of the index.html page: