Introducing FrontEnd Creator

Building data bound web applications has never been easier.

LOGIN

FrontEnd Creator is here! Check out the demo below.

FEATURES

FrontEnd Creator is a web application that helps you build awesome web applications. It provides you the tools with building reusable web components and then composing them together in individual screens.

DRAG & DROP

Want to prototype a screen quickly. You can easily drag and drop elements for quick screen mockups.

UPLOAD

Already have some files you want to use? Simply drag and drop to upload.

DOWNLOAD

Whether downloading the whole project or just one or two files. We've got you covered.

MONACO EDITOR

This is the same engine that runs Visual Studio Code. Enjoy all the great features of this mature editor in the cloud.

ESLINT

Maintain your code quality with ease. You can turn ESLint on with a simple setting.

GITHUB

Want to commit your project to GitHub? Need a repository created? No, problem. We got you covered.

HTML EDITING

When you find that drag & drop is not enough, switch over to the HTML tab and easily make your changes there.

CSS EDITING

Create your own CSS as you normally would in the Styles editor. Then add them to the screens of your choice.

JAVASCRIPT EDITING

Author classes in the Scripts editor and add them to your screens or write custom Actions to handle user interactions.

TYPESCRIPT EDITING

Want to develop your app in TypeScript? You can develop just as if you were using your own machine.

SECURITY

When it comes to security, we take things seriously. Using Auth0 has never been easier in your apps too.

DATA-BINDING

Need to get your elements bound to data? Our dynamic property grid facilitates your every binding need.

ANGULAR

Angular development super simple. Just create a new Angular project and you are are all set!

AURELIA

Aurelia is supported out of the box, giving you a wealth of power at your fingertips. More front-end frameworks coming soon!

REACT

ReactJS is supported out of the box. You can begin developing your apps using JSX! No setup is necessary.

PHASER

Phaser game development is ready for you. Just create a new Phaser project and you can start building your game.

LIVE PREVIEW

Tired refreshing your browser for changes, simply save your changes and view your work by launching a new tab.

MARKDOWN PREVIEW

Want an easy way to preview your markdown files? You can preview live as you are editing.

ALWAYS ONLINE

Your apps are always online. You can access, test, and modify them from anywhere in the world.

EXPORT & RUN

Want to host your app yourself? At any time, export your app as a ZIP and run it locally.

ENTITY BUILDER

Want forms generated from your entities? Use the Entity Builder to define your object models and simply drag and drop.

FONTAWESOME

Easily add FontAwesome icons to your app by using the icon dropdown element. You can even use it in your own screens.

TWITTER BOOTSTRAP

Bootstrap is supported out of the box, giving you a great grid solution. More CSS libraries coming soon!

FOUNDATION ZURB

Bringing in Foundation is super easy. Giving you advanced responsive front-end styles has never been easier.