Sencha Architect

Visual App Builder

Create Sencha Touch 2 and Ext JS 4 applications with drag and drop components and a live preview canvas. Toolboxes make it easy to access a component's configuration and setting properties such as a button's title, or grid's data store.

Models, stores and proxies are also configured visually with easy-to-use visual representations of data as well as the backing store so developers can quickly connect to existing backend data sources and test their connectivity is functional. Models are defined by describing their meta data and Architect 2 lets developers visualise the data structure, including typing all from within the Project Inspector.

Collaboration and Control

For Designers, Architect 2 enables you to visually create the full application ¿ from lists, to buttons, to forms, to grids and carousels ¿ and hand off the project to a developer. Designers can even prototype interactions and application configuration, so there's no loss of fidelity when developers begin to write the application code.

For Developers, the visual tools and pre-built UI controls in Architect 2 will help you build stunning app concepts. And when you're ready to start writing code, Architect's built-in code editor guides building your application using MVC and helps alert you of JavaScript warnings and errors. If you prefer to use your own IDE, not a problem. There are no file dependencies, and Architect produces regular JavaScript files that you can edit with your choice of IDEs.

Build for Mobile, Build for Desktop

Sencha Architect works with Sencha Touch 2 and Ext JS 4 out of the box. Every component from the frameworks is at your fingertips, including the Application pattern and the MVC capabilities.

Whether you want to build a grid that uses infinite scrolling, connected to a REST backend, or build a mobile login form that uses an Ajax proxy to validate your user, with Ext JS and Sencha Touch capabilities in Architect, it¿s trivial to build UI and logic to make it happen. Even Ext JS¿ rich charting and graphics capabilities are supported so you can build rich line of business applications with powerful data visualisation.

Drag and Drop with Optimal Code

Using Sencha Architect is like having a Sencha developer by your side. Combining the best of a visual application builder with the power of a flexible code editor, Architect generates best practice code. It makes it easy for Sencha novices to see the best way to leverage Sencha Touch and Ext JS, as well as making expert Sencha users more productive by taking away the tedious parts of software development.