https://github.com/user-attachments/assets/2501fd99-f768-43f5-96cc-d113c4f95903

Generate React components on-the-fly at runtime using AI. Register your components, and let Hydra choose when to show them in your App.

const dynamicComponent = await hydra.generateComponent(context);

Star History

Table of Contents

• Getting Started
• Notes
• Report a Bug
• How is this different from Vercel V0?
• Report a bug or Request a feature
• This Repo
• License

Getting Started

Follow the instructions here or use our template project.

Notes

Hydra development is still early, and patterns for different types of components and apps are still being developed.

• expects to be used in a NextJS project
• components that have function props will not work properly.

Chat with other users and the developers here:

How is this different from Vercel V0?

We've been asked this a few times. For clarification, Vercel V0 lets you generate a component that you can copy/paste into your app's code. Hydra is for injecting components into your running app's UI on-the-fly based on context.

Report a bug or Request a feature

Make a GitHub issue here.

This Repo

• hydra-ai package is here: /package

• Example apps that use hydra-ai:

  • Charts app here /examples/charts-demo
  • Social app (Mage) here: /examples/mage-demo
  • ToDo app demo here: /examples/todo-app-demo
  • Weather app demo here: /examples/weather-app-demo

License

This project is licensed under the MIT License. See the LICENSE file for details.