https://github.com/use-hydra-ai/hydra-ai

a dev tool for generative UI that adapts to user context in real-time
https://github.com/use-hydra-ai/hydra-ai

ai js react reactjs ui ui-components

Last synced: 3 days ago
JSON representation

a dev tool for generative UI that adapts to user context in real-time

• Host: GitHub
• URL: https://github.com/use-hydra-ai/hydra-ai
• Owner: use-hydra-ai
• License: mit
• Created: 2024-06-15T17:11:37.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-12-20T23:20:53.000Z (12 days ago)
• Last Synced: 2024-12-20T23:24:03.949Z (12 days ago)
• Topics: ai, js, react, reactjs, ui, ui-components
• Language: TypeScript
• Homepage: https://usehydra.ai
• Size: 2.19 MB
• Stars: 146
• Watchers: 3
• Forks: 11
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  





  

  

  

  

  

    



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.

```typescript

const dynamicComponent = await hydra.generateComponent(context);

```

## Star History

[![Star History Chart](https://api.star-history.com/svg?repos=michaelmagan/hydraai&type=Timeline)](https://star-history.com/#michaelmagan/hydraai&Timeline)

## Table of Contents

- [Getting Started](#getting-started)

- [Notes](#notes)

- [Report a Bug](#report-a-bug-or-request-a-feature)

- [How is this different from Vercel V0?](#how-is-this-different-from-vercel-v0)

- [Report a bug or Request a feature](#report-a-bug-or-request-a-feature)

- [This Repo](#this-repo)

- [License](#license)

## Getting Started

Follow the instructions [here](/hydra-client/README.md) or use our [template](https://github.com/MichaelMilstead/hydra-template) project.

## Community

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.](https://github.com/michaelmagan/hydraai/issues/new)

## This Repo

- `hydra-ai` client-side package is here: [/hydra-client](/hydra-client)

- `hydra-ai-backend` package for self-hosting is here: [/hydra-server](/hydra-server/)

- Example apps that use `hydra-ai`:

  - Charts app here [/examples/charts-demo](/examples/charts-demo/)

  - Social app (Mage) here: [/examples/mage-demo](/examples/mage-demo)

  - ToDo app demo here: [/examples/todo-app-demo](/examples/todo-app-demo/)

  - Weather app demo here: [/examples/weather-app-demo](/examples/weather-app-demo/)

## License

This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.