Overview of C3 AI UI Framework
C3 AI UI Framework is a front-end application development framework. The UI Framework gives you access to pre-defined components in the component library which can be incorporated into applications.
The C3 AI UI Framework is a metadata-driven front-end development framework that gives you access to the component library to build visual interfaces for C3 AI Suite analytics and APIs. Using a rich set of components, developers can create consistent and reusable UI and UX for a diverse variety of applications on C3 AI Suite.
The UI Framework is composed of the following:
  • A metadata-based framework for building reactive applications.
  • A component Type library.
  • A CSS Library for HTML components.

Metadata-based framework

The component library consumes metadata defined by an application developer to render pages and components and also retrieves data from C3 AI Suite.
Such metadata is defined in JSON format and corresponds to the configuration fields of each component shown in the web browser and also the data operations triggered by them. This metadata can be any of the following:
  1. 1.
    Environment and Site metadata.
  2. 2.
    Application metadata.
  3. 3.
    Page metadata.
  4. 4.
    Component metadata.
  5. 5.
    Data Source metadata.

CSS library

The CSS Library provides a set of CSS classes and styles that implement the design of the UI Framework. Using this library, you can:
  • Choose to build your own components
  • Implement a separate component library with other technologies while still maintaining the same look and feel as standard C3 AI web applications.

Guides: Jump right in

Follow our guides to get started on UI Framework:

Fundamentals: Dive a little deeper

Learn the fundamentals of UI Framework:
Last modified 2mo ago