Build Intelligent AI Agents — No Code Required
A visual interface for creating, customizing, and deploying AI agents powered by Google Gemini. Design AI tools, assistants, and workflows — all within your browser.
- 🎯 Define Clear Roles – Assign specific roles, goals, and tasks to your AI agents for focused results
- ⚡ Lightning Fast Creation – Build and deploy agents in minutes with Google Gemini’s Flash models
- 🔧 Custom Parameters – Adjust tone, style, temperature, and creativity with intuitive controls
- 💬 AI Assistant Helper – A built-in guide that suggests goals, parameters, and configurations
- 🧠 Multiple Models – Choose between Gemini Flash, Pro, or Lite for different workloads
- 💾 Offline Local Storage – Your agents are stored privately in the browser using IndexedDB
- 🎨 Beautiful Interface – Minimal, modern UI with Markdown previews and syntax highlighting
- 🔐 Secure by Design – Your API key is stored locally and never transmitted to any external server
- 📝 Content Creation Agents – Generate blogs, social posts, ad copy, or newsletters
- 💼 Data & Code Assistants – Build prompt-driven coding or analysis helpers
- 🎨 Creative AI Tools – Design story writers, script generators, or idea brainstormers
- 💬 Conversational Bots – Create chat-based agents with unique tones and personalities
- 🧪 Automation Workflows – Prototype no-code automation pipelines with Gemini APIs
- React 18 – Modern reactive UI framework
- Vite – Lightning-fast development build tool
- CSS3 – Custom gradients, transitions, and animations
- Google Gemini AI – Large language models for reasoning and creativity
- IndexedDB – Client-side database for storing agents and configurations
react-markdown– Render markdown content beautifullyremark-gfm– GitHub Flavored Markdown supportreact-syntax-highlighter– Code syntax highlighting
- Node.js (v18 or higher)
- npm or yarn
- A Google Gemini API Key → Get one here
# Clone the repository
git clone https://github.com/suhas991/GenAgentX.git
# Navigate to the project directory
cd GenAgentX
# Install dependencies
npm install
# Start the development server
npm run devThen open http://localhost:5173/ in your browser to access GenAgentX.
- Click "Create New Agent"
- Fill in:
- Agent Name: e.g., Article Writer Pro
- Role: Senior Content Strategist
- Goal: Generate SEO-optimized blog articles
- Choose a Gemini Model (Flash, Pro, Lite)
- Define Custom Parameters like tone, temperature, word limit, etc.
- Hit Create Agent → Your AI is ready to execute tasks instantly!
Contributions are always welcome! ❤️
Here’s how you can help:
- Fork the repo
- Create a new branch
git checkout -b feature/AmazingFeature
- Commit your changes
git commit -m "Add some AmazingFeature" - Push to your branch
git push origin feature/AmazingFeature
- Open a Pull Request on GitHub
- Follow React best practices (functional components + hooks)
- Maintain consistent code style and structure
- Comment complex logic clearly
- Test thoroughly before submitting
- 📱 Mobile Devices: Not yet optimized (desktop-only for now)
- 🔐 API Key Validation: Occurs only on the first execution
- 💾 Storage Limit: IndexedDB limited to ~50MB depending on browser
This project is licensed under the MIT License.
MIT License
Copyright (c) 2025 Suhas N H
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software.
If you find GenAgentX helpful:
- ⭐ Star the repo
- 🐦 Share it on Twitter / LinkedIn
- 🧠 Build and showcase your own agents!
"GenAgentX empowers creators and developers to turn AI ideas into reality — visually, instantly, and securely."