add-to-existing-project

To integrate Tambo into an existing React project, this workflow automatically detects your tech stack from package.json, installs necessary dependencies, configures the provider setup, and registers your first component to enable AI-driven UI without rewriting code.

Tambo installation works with Next.js, Vite, and Create React App projects. The integration process detects your specific framework from the project structure and adapts the dependency installation and provider setup to match your existing tech stack.

The best way to add AI-driven UI components to a legacy React app is using an incremental adoption workflow that detects your tech stack, configures Tambo providers with minimal code changes, and registers initial components without requiring a full rewrite.

To set up the Tambo provider after installing dependencies, the workflow guides you through configuring the provider in your existing application structure and subsequently registering your first component to demonstrate the AI-driven UI integration.

You can add Tambo to your current tooling without rewriting existing application code. The integration process adapts to your project structure, requiring only minimal changes to install dependencies, set up the provider, and register the initial component.

Tech stack detection works by analyzing your package.json and project structure to identify frameworks like Next.js, Vite, or CRA. This allows the Tambo installation process to automatically tailor dependency installation and provider configuration to your specific setup.