Skip to content
/ cxjs Public

CxJS - Advanced JavaScript UI framework for admin and dashboard applications with ready to use grid, form and chart components.

License

MIT, Unknown licenses found

Licenses found

MIT
LICENSE.md
Unknown
LICENSE-THIRD-PARTY.md
Notifications You must be signed in to change notification settings

codaxy/cxjs

Folders and files

NameName
Last commit message
Last commit date
Sep 3, 2024
Oct 29, 2024
Sep 3, 2024
Sep 3, 2024
Nov 20, 2024
Sep 3, 2024
Dec 6, 2024
Mar 15, 2022
Apr 8, 2019
May 31, 2023
Apr 9, 2020
Jun 29, 2020
Mar 17, 2024
Jun 14, 2024
Oct 5, 2016
Sep 14, 2016
Jul 16, 2021
Jan 12, 2024
Jan 17, 2022
Dec 27, 2023
Sep 3, 2024
Sep 3, 2024

Repository files navigation


cxjs logo

version downloads


CxJS, or simply Cx, is a feature-rich JavaScript framework for building complex web front-ends, such as BI tools, dashboards and admin apps.

Learn CxJS

Explore CxJS by checking out available online resources:

If you need help, ask a question on StackOverflow. If you find a bug, please raise an issue. Request an invite to our Slack channel and become a member of the CxJS community.

Starting a new project

CxJS is available as an NPM package - cx, which includes compiled code, source code and TypeScript definitions.

Besides the cx package, you'll need other packages such as cx-react (or cx-preact) and babel-preset-cx-env.

You'll also need to configure Babel and webpack.

The quickest way to setup everything up is to use CLI:

npm install cx-cli --global
cx create my-app
cd my-app
npm start

Or if you prefer Yarn:

yarn create cx-app my-app
cd my-app
yarn start

Alternatively, you can download the files from one of the project templates:

Themes

Once you create a new project, you may want to try our ready-to-use visual themes:

Install the theme using npm or yarn.

npm install cx-theme-frost

Open my-app/app/index.scss and replace

@import "~cx/src/variables";
@import "~cx/src/index";

with

@import "~theme-package-name/src/variables";
@import "~theme-package-name/src/index";

Please read theme NPM package documentation to learn how to enable theme specific features.

Features

CxJS uses React for DOM manipulation and offers many high-level features on top of it.

Widgets

Charts

UI Concepts

State Management

Layout

Theming

Development

This is a monolith repository used to develop main npm packages, documentation, widget gallery and fiddle. It uses yarn workspaces, so please use yarn to install packages and run the applications.

yarn install

Build CxJS:

yarn build

Run tests:

yarn test

Run Docs:

yarn start

Run Gallery:

yarn gallery

Run Fiddle:

yarn fiddle

License

CxJS is available under the MIT License.