Nom is an open-source developer tool designed to bridge the gap between AI agents and application interfaces. It allows developers to give AI agents real UI capabilities by connecting AI tool calls directly to existing React components without sacrificing control over the application.

By defining agent capabilities with typed, validated tools, Nom enables you to map AI outputs directly into React component props. This architecture ensures that your application remains in full control of critical operations like data fetching, user authorization, and rendering logic.

Key features and benefits of Nom include:

Model-Provider Neutral: Works across different AI model providers and integrates seamlessly with AI SDK 6.
Built-in State Handling: Out-of-the-box support for essential UI states, including loading, empty, error, and stale-request states.
Familiar UI Integration: Enables the creation of AI-powered dashboards, product search features, and interactive interfaces using the React components your users already know.

Pros of Nom

Connects AI tool calls directly to existing React components
Model-provider neutral and compatible with AI SDK 6
Keeps the application in control of data fetching, authorization, and rendering
Built-in handling for loading, empty, error, and stale-request states
Open-source and customizable for React developers

Cons of Nom

Specifically designed for React applications, limiting use with other UI frameworks
Requires existing component setups and development effort to integrate

Frequently Asked Questions

What is Nom?

Nom is an open-source developer tool that links AI tool calls to existing React components in your application, allowing AI agents to trigger UI updates while preserving application control over data, auth, and rendering.

Is Nom tied to a specific AI model provider?

No, Nom is model-provider neutral and works with AI SDK 6.

How does Nom handle different UI states?

Nom includes built-in support for loading, empty, error, and stale-request states out of the box.

What can I build using Nom?

You can use Nom to build interactive interfaces, AI-powered dashboards, and product search features using the React components already in your codebase.