Hydra AI
ReactExamples

React Control Bar

This is a starter template for adding natural language control to your application using Hydra. It demonstrates how to use a command palette-style control bar that allows users to interact with your application using natural language.

Live demo here

Add the control bar to your project with npx hydra-ai-cli add control-bar. This will add the control bar component to your project and guide you through Hydra configuration.

To see how to add the control bar to your project step-by-step, check out the tutorial here.

Demo of Hydra AI Slack AppView on GitHub