DHX Optimus: Lightweight JavaScript UI Framework

| Comments (13)

We’d love to please our users with a new and great way to create web applications with dhtmlxSuite library. This way involves using of DHX Optimus, our new, fast and simple JavaScript microframework. The ultimate usage guide is already available in our documentation, so you can start developing with Optimus right away.

General idea and key points

The DHTMLX Optimus microframework allows simply creating applications of various complexity. You can easily customize these applications and quickly handle them. It’s possible, due to high flexibility, which is achieved by division of an application into separate parts – classes that can be developed separately and combined in any variations.

Here are some main points of our new js framework:

  • An application consists of several modules, each of which includes the description of the interface (a view) as well as the logic of data processing and interacting with other views of the application.
  • DHX Optimus is a client-side solution without any special requirements for the server side, so you can use any backend technology (PHP, Java, .NET, Node.js, etc.)
  • You can use many languages in an application built with our micro framework. Localization is implemented on the base of the Polyglot.js helper library.
  • In order to render a complex HTML and not to complicate JavaScript code at the same time, the handlebars.js templating engine is used.
  • With DHTMLX Optimus, you can create several applications and use them together as modules of one large application.
  • In order to use the building system, Node.js should be installed on your computer.

javascript framework

Useful resources:

You are welcome to share your thoughts and comments below! Stay tuned to our further news and updates.


  1. Junior Costa March 17, 2017 at 7:20 pm

    I´m trying to download demo apps and Windows Defender accused some virus in zip on github.

    • Aras Kairys (DHTMLX team) March 17, 2017 at 7:44 pm

      Hi Junior,
      We’ve double checked the files, no viruses found.

  2. Victor March 21, 2017 at 10:53 pm

    Saludos, soy desarrollador e intento probar el DHTMLX Optimus microframework, pero se como ejecutar: npm install…
    Al descargar el paquete desde: https://github.com/DHTMLX/optimus-start y ubicarlo en la carpeta HTDOCS me da un error en el navegador cuando intento abrirlo, el error es el siguiente: MyApp is not defined
    Agradezco su ayuda

  3. masdju March 28, 2017 at 8:33 am

    Hi… do you have recommended IDE to develop web application using your optimus?

    • Aras Kairys (DHTMLX team) March 28, 2017 at 12:14 pm

      Our developers use Visual Studio Code and WebStorm, but it’s only a matter of choice. You can use any IDE you enjoy working with.

      • masdju April 2, 2017 at 9:11 pm

        Thanks for your information. Did you have sample configuration to run this optimus using “webpack-dev-server” in visual studio code?

  4. Solomon Thuo March 29, 2017 at 9:36 am

    Optimus looks good, good work. What’s the motivation behind Optimus? How does it fit in with current web frameworks react, angular, meteor etc. Currently am looking forward to the integration with Angular 2 as per your roadmap 2017. Am planning to use DHTMLX and angular2 for an upcoming project. Thanks.

    • Aras Kairys (DHTMLX team) March 29, 2017 at 3:13 pm

      Hi Solomon,
      The main goal of DHX Optimus is to make it easier to create applications with dhtmlxSuite.
      As for other frameworks, you can use DHTMLX products with any of them. We have several tutorials in our blog about using our libraries with Angular (with Angular 2 as well). Please also check the latest release about using dhtmlxScheduler in Meteor app: https://dhtmlx.com/blog/create-meteor-app-dhtmlxscheduler/

  5. Aron April 7, 2017 at 2:50 pm

    Hi, is it possible to code split in DHX Optimus?

  6. Aron April 18, 2017 at 10:30 am

    line 1: import “less/app.less”;

    will produce
    /* 5 */
    /* unknown exports provided */
    !*** ./sources/less/app.less ***!
    /***/ (function(module, exports) {

    // removed by extract-text-webpack-plugin

    /***/ }),

    • Aras Kairys (DHTMLX team) April 27, 2017 at 7:11 pm

      Hi Aron,
      Please create a topic with your question on our forum: https://forum.dhtmlx.com/
      Also, a demo of your problem will help us a lot.

Leave a Reply