Building ChatGPT Apps with React Components: Introducing KendoReact + Apps SDK

Our new KendoReact + ChatGPT repo makes it easier to build Apps SDK experiences using KendoReact Free, a collection of free enterprise-grade components for React.

The OpenAI Apps SDK opens the door to a new category of applications: chat-native apps that combine conversation, data and UI into a single interface. But for many React developers, figuring out exactly how to get UI components to show up and behave correctly inside the Apps SDK model is a hurdle that can be difficult to jump.

If that sounds like you, then good news! Our new KendoReact + ChatGPT repo makes it easier to build Apps SDK experiences using Progress KendoReact Free, a collection of free enterprise-grade components for React.

This repo exists to help remove some of that guesswork. It includes working examples using KendoReact Free components, so you can understand exactly how to implement them in this new context. It also includes a Node.js server setup and end-to-end patterns that you can adapt for your own Apps SDK projects.

For Example?

For example, one of the most challenging aspects of working with the Apps SDK is the narrow view size: the chat view space is only 768px wide. That means that any UI components a developer wants to use must already be completely responsive or adaptive, or it won’t work well in the limited space available.

By using the KendoReact components, this is already handled! Our components have been highly responsive for years, built to work just as well on mobile as on desktop—making them a perfect match for the smaller view of the chat UI. Similarly, our components already have inbuilt interactivity with the view, meaning that clients won’t need to do the same level of extensive prompting and testing they would with other components.

We designed this as a practical starting point: a place to see what our optimized, functional components look like in a real Apps SDK context, so you can fork the examples and use them to launch your own projects.

Why This Matters to You

The Apps SDK introduces a new way to build software: chat-native applications where UI elements are rendered as part of a conversational interface. KendoReact Free gives you a collection of our most popular and beloved UI components, and this repo shows how to bring them into that new environment with minimal friction.

That means that all the things you get with KendoReact Free are now available for your ChatGPT apps, including:

• 50 extensively tested and enterprise-quality components
• A professional design system created by our dedicated team
• Four design themes that align with popular existing third-party design systems (Material, Fluent, Bootstrap and Kendo)
• Responsive and mobile interactivity—perfect for ChatGPT’s narrow conversation-oriented view
• Easy template extensibility
• A library of components that are screen-reader friendly, WCAG and Section 508 compliant, and human-tested for accessibility

If you’re experimenting with the Apps SDK, building internal tools or prototyping a new chat-first workflow, this project gives you a faster way to get hands-on.

Try It Out!

To get started, just clone the repo, follow the setup instructions, explore the examples and adapt from there. Everything is MIT-licensed and open to use and extend.

If you have feedback, questions or ideas, open an issue or start a discussion in the repo. We look forward to seeing what you build!