Top AI Repos — open-source AI, indexed and scored
Top AI Repos tracks AI repositories on GitHub and answers two different questions about each one: is it moving right now, and would you bet a product on it.
Top AI Repos tracks AI repositories on GitHub and answers two different questions about each one: is it moving right now, and would you bet a product on it.
The open-source React.js Autonomous LLM Agent
| Date | Stars |
|---|---|
| 2026-07-31 | 1653 |
| 2026-08-06 | 1653 |
Today
— stars today
This week
— stars this week
This month
— stars this month
Momentum
0.0
growth rate 0.00%/day
# ReactAgent - The open-source React.js Autonomous LLM Agent
<div align="center">
<a href="https://reactagent.io" target="_blank">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://res.cloudinary.com/tutim/image/upload/v1684019623/ReactAgent/flow_kzcpeb.jpg">
<img src="https://res.cloudinary.com/tutim/image/upload/v1684019623/ReactAgent/flow_kzcpeb.jpg" alt="Logo"/>
</picture>
<p align="center">
<h3>The open-source React.js Autonomous LLM Agent</h3>
<br />
<a href="https://www.loom.com/share/591fd03b54d04a74a15995815de47c76"><strong>Watch Demo »</strong></a>
<br />
<br />
<a href="https://reactagent.io">Website</a>
·
<a href="https://www.loom.com/share/658adb2869174e81a39a0a2cdcfec4eb">Watch Demo</a>
·
<a href="https://github.com/eylonmiz/react-agent/pull/7/files">Demo Code Example</a>
·
<a href="https://docs.reactagent.io">Docs</a>
·
<a href="https://discord.gg/57JjYNKe">Discord</a>
</p>
</p>
[](https://github.com/eylonmiz/react-agent/blob/main/LICENSE) [](https://github.com/eylonmiz/react-agent/stargazers) [](https://discord.gg/57JjYNKe) [](https://docs.tutim.io) [](https://www.producthunt.com/@eylonmiz)
https://github.com/eylonmiz/react-agent/assets/43254163/d2e36b75-2901-4950-a4f6-6a39b1067796
</div>
---
## 📖 Introduction
ReactAgent is an experimental autonomous agent that uses GPT-4 language model to generate and compose React components from user stories. It is built with React, TailwindCSS, Typescript, Radix UI, Shandcn UI, and OpenAI API.
## 🚀 Features
- Generate React Components from user stories
- Compose React Components from existing components
- Use a local design system to generate React Components
- Use React, TailwindCSS, Typescript, Radix UI, Shadcn UI
- Built with Atomic Design Principles
## 😮 Example
<img src="https://github.com/eylonmiz/react-agent/assets/43254163/e5921e79-140d-4ccb-bbdf-96b2b28e2d77" alt="Example"/>
## 🌈 Quickstart
1. Clone repository
```bash
git clone [email protected]:eylonmiz/react-agent.git
```
2. Change to the project directory
```bash
cd react-agent
```
3. Get an OpenAI [API Key](https://platform.openai.com/account/api-keys)
4. Set OPENAI_SECRET_KEY in backend/main .env file (see .env.example) or run the script below
```bash
echo OPENAI_SECRET_KEY="INSERT_YOUR_OPENAI_SECRET_KEY_VALUE_HERE" >> backend/main/.env
```
5. Install dependencies
```bash
yarn install
```
6. Run Backend Script - This script generates the components
```bash
yarn backend:dev
```
7. Run Frontend App to see your components in action
```bash
yarn frontend:dev
```
8. Open frontend/main/src/GenReactApp.tsx
```bash
Read the instructions and change the example component to the component you generated
```
9. Read Project Customization Section
```bash
Read the Project Customization Section to learn how to customize and operate the project
```
## 📚 Documentation
- <a href="https://docs.reactagent.io">Docs Website</a>
- Some Docs and architecture in architecture folder
- <a href="https://github.com/eylonmiz/react-agent/blob/main/arch.md">Feature Flow</a>
- <a href="https://github.com/eylonmiz/react-agent/blob/main/architecture/Design%20Document%20Overview.md">Raw Design Docs</a>
- <a href="https://github.com/eylonmiz/react-agent/blob/main/personal-note.md">Personal Note</a>
## PRD / User Story to code
<a href="https://res.cloudinary.com/tutim/image/upload/v1683750575/ReactGPT/Feature_Flow_f8ih6c.jpg" target="_blank">
<img src="https://res.cloudinary.com/tutim/image/uExcerpt of 8,637 characters
Read on GitHubWould you bet a product on this? Bounded 0–100 and slow moving.
matched fp:edd6fe04930e388f, topic:llm
matched fp:edd6fe04930e388f, name:react agent
