What’s New?
Sencha Architect 2.2 is the latest version of Sencha’s HTML5 visual app builder. This release focuses on improving performance, user experience, and ease of coding, especially for developers working on large projects and in multi-person teams. Naturally Architect 2.2 supports the latest versions of the Touch and Ext JS frameworks and makes it easy to upgrade to them and unlock their powers.
Designer Friendly, Developer Approved.
Build mobile and desktop apps faster than ever.
The ultimate HTML5 visual app builder, Sencha Architect empowers your team to design, develop, and deploy apps from a single, integrated environment. Finally, designers and developers can work in lock-step to create amazing applications.
Get started with your 30-day trial today!
Visual App Builder
Create your Sencha Touch and Sencha Ext JS applications by dragging and dropping components and previewing your application live.
Powerful Code Editing
Bring your application to life with Architect’s built-in code editor, wire up events and application logic right from the tool.
Mobile Support
Quickly create Sencha Touch applications with Architect’s support for mobile, including native packaging for deployment for iOS and Android.
Best Practices in a Box
All code built in Architect is designed to be best practice compliant, making it easy to build large applications or simply to learn.
Explore the User Interface of Sencha Architect
-
Easy Access
The Application Toolbar provides shortcuts to the most used features. Kiss long, confusing menus goodbye. -
Frameworks at your Fingertips
The Toolbox contains all the components of either Sencha Touch or Ext JS. Filters, categories, and search make finding the right component easier than ever. -
Your Ideas, Your Canvas
Architect’s Canvas is where you can create your application’s UI visually. Drag a few components from the toolbox and configure them the way you like them… done! -
See the Big Picture
Architect’s Project Inspector lets you see the structure of your application and work on it quickly and precisely. -
Infinite Configuration
The Component Configuration is where you can fine tune your application to the last detail. Contextual help means everything is explained, and never dumbed down. -
Ever Helpful
Architect comes with our online docs built right in, so they’re always up-to-date. Got a question? Add your comment right in the docs.
Visual App Builder
Create your Sencha Touch and Sencha Ext JS 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 lets developers visualize the data structure, including typing all from within the Project Inspector.
Collaboration and Control
For Designers, Sencha Architect 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 Sencha Architect 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 and Sencha Ext JS 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 visualization.
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 Sencha Ext JS, as well as making expert Sencha users more productive by taking away the tedious parts of software development.
Frequently Asked Questions
What frameworks does Sencha Architect work with?
Sencha Architect is a software tool that works with Sencha Ext JS and Sencha Touch frameworks to help developers quickly design and build powerful web apps for desktop and mobile devices. Whether you just want to prototype an app or need a complete visual application development tool, Sencha Architect makes it easy for anyone to build HTML5 apps.
Is Sencha Architect an IDE?
Sencha Architect features a built-in code editor so you can write your JavaScript directly in the tool. However, if you already have a favorite IDE, not a problem. There are no file dependencies. Architect produces regular JavaScript files that you can edit with your choice of IDEs.
Use Architect alongside your favorite IDE:
