Overview of the C3 AI UI Developer Guide

You can leverage the fully integrated UI stack available with C3 AI Platform to accelerate the developing, testing, deploying, and managing of web front-ends.

The UI infrastructure provides:

• Development and Implementation: Develop and implement UI with the C3 AI UI Infrastructure.
• Testing and Iteration: Test the UI for usability, functionality, and responsiveness.
• Integration and Deployment: Integrate and deploy the UI for end-users to access.

Note: You can also incorporate other UI frameworks like React, VueJS, Android, iOS and use the REST APIs exposed by the C3 AI Platform. This option is best suited for teams who have made significant investments on a particular technical stack.

This guide is intended for developers who use the C3 AI UI Infrastructure to build a UI for their applications on top of C3 AI Platform. This guide covers all the functionality available in the C3 AI Platform UI stack.

Copy link to this section

Development and implementation

The C3 AI Platform UI stack offers both low-code and deep-code tools to productize web-based front-ends:

• Low-code developer experience to implement page layout, data visualizations, workflows.
• A built-in UI component library with hundreds of components for page layout, data visualizations, and workflows.
• Support for using your own React components or leveraging open-source ones.
• Support for theming, internationalization, and localization.

For more information, see:

• Component Library Guide
• Add a UI page to your application
• Render components based on a condition
• Dynamic Component Renderer
• Communication between components
• Theme and Style
• Format date and decimal
• Advance Data Specification
• Localization and Translation
• Component Configurations with dynamic values

Copy link to this section

Testing and iteration

With C3 AI Platform UI stack, users can debug, test, and improve performance.

For more information, see:

• Debug and Profile
• Set up unit test for your UI
• Retrieving values from Redux

Copy link to this section

Integration and deployment

With C3 AI Platform UI stack, users can implement front-end logic and user interactions with languages like JavaScript and Typescript.

For more information, refer to the following documentation:

• Create a reusable custom component
• Manage Application State
• Reusable and non-reusable components.

Copy link to this section

Additional resources

C3 AI provides the following resources to assist developers using the C3 AI Platform:

• The C3 AI Developer Portal is a searchable site that provides access to updated C3 AI documentation, the C3 AI Academy, C3 AI Community, and developer blogs. Visit the Developer Portal to browse specific guides, tutorials, and our full catalog of training courses.
• The C3 AI Global Glossary is a list of terms commonly used across C3 AI products. Consult the Global Glossary to find definitions and external resources related to specific terms.
• C3 AI Community is an online, community-driven forum that serves as a question-and-answer (Q&A) resource for users of the C3 AI Platform. Use C3 AI Community to ask questions about C3 AI products and review answered questions posed by others. * Visit the Community page for UI topics at https://community.c3.ai/c/v8-ui-framework/.