CxJS overview

What's Inside CxJS?

Rich set of widgets which mix nicely with plain HTML

Out of the box, Cx provides data grid, form fields, lookups, sliders, menus, windows, tooltips, etc. Widgets can be composed in any way you want. It's very simple to put form elements or charts inside a grid. You may also freely combine Cx components with HTML elements and use your own CSS based layout.

Built-in charts

Cx can be used to create rich dashboards. Besides standard chart types (pie, line, bar, column and scatter charts), Cx provides markers, ranges, color-maps and other elements needed for effective visualizations.

Data-driven views that auto-update like spreadsheets

Widgets and data are tightly coupled. Whenever data changes, the view is automatically updated. Cx offers two-way data binding, calculated values, string templates and rich formatting to ensure that the data is presented in the best possible way.

Adaptable appearance that matches your design

Cx widget appearance can be easily customized using Sass to match the application design or corporate identity. On top of that, appearance of individual widgets can be modded to better match the context in which the widget is used.

Batteries included—build large scale single-page applications

Alongside visual elements, Cx includes client-side routing, layouts and other components which help you to scale your application. Various application modules can be loaded on demand, so even the largest, enterprise level applications load instantly.

Demo Applications

Get the best development experience using the best tools

Cx is a modern framework which relies on other open-source products to deliver the best developer experience. Cx uses React for widget rendering. Babel is used to compile ES6 and JSX code into plain JavaScript code executable by all browsers. Webpack is a perfect development companion tool responsible for making production builds, code-splitting and live code updates (HMR). npm is used for installing Cx and other packages.

  • reactjs
  • babel
  • es6
  • npm
  • webpack