Skip to content

Repository files navigation

NEB — AI Agent Builder

NEB · AI Agent Builder

Build, test and run custom AI agents visually — no glue code required.

React 19TypeScriptViteTailwind CSSExpress


About

NEB is a visual AI agent builder. Instead of wiring agents together with code, you compose them on an interactive node canvas: drag in building blocks, connect them into workflows, attach real APIs, pick from a library of skills, prompts and templates, and then test everything in a live, real-time execution playground.

App Preview

NEB app preview

Features

  • Visual node canvas — drag, connect and configure agent workflow nodes on an interactive flow canvas.
  • Live execution playground — run agents in real time and watch output stream back as it happens.
  • API integrations — hook up third-party APIs with preset connectors or define your own endpoints.
  • Skill library — a large set of built-in skills plus agent templates to kick-start any project.
  • Prompt library — store, organize and reuse prompts across agents.
  • Template library — start from pre-built agent workflows instead of a blank canvas.
  • Node configuration panel — fine-tune every node's inputs, outputs and behavior in one place.
  • Table & prompt editors — full-featured inline editors for structured data and prompts.
  • Embed & export — embed your agents and export/share artifacts, including Office docs via inline viewer.
  • Custom Gemini agents — powered by the Gemini API with multi-provider AI support.

Getting Started

Prerequisites: Node.js 18+ and a Gemini API key.

# 1. Install dependencies
npm install
# 2. Create your environment file and add your API key
cp .env.example .env.local # then set GEMINI_API_KEY# 3. Start the dev server
npm run dev

Open the printed local URL (default http://localhost:3000) to start building.

Scripts

CommandDescription
npm run devStart the dev server (hot reload)
npm run buildBuild client + server production bundles
npm run startRun the built server
npm run previewPreview the built client
npm run lintType-check the project with TypeScript

Tech Stack

LayerTechnologies
FrontendReact 19, TypeScript, Vite, Tailwind CSS 4, Motion (Framer Motion)
BackendNode.js, Express, tsx
AIAI SDK, @ai-sdk/google, @ai-sdk/openai, @google/genai
ExtrasComposio (tool integrations), xlsx (spreadsheet handling)

Environment Variables

VariableRequiredDescription
GEMINI_API_KEYYesYour Gemini API key

Project Structure

neb/
├── src/ # Client source code
│ ├── components/ # UI: canvas, playground, config panels, editors
│ ├── data/ # Agents, skills, prompts, templates, providers
│ └── lib/ # Shared utilities
├── data/ # Runtime data (agents.json)
├── assets/ # Brand assets (logo, previews)
├── server.ts # Express server entry point
├── vite.config.ts # Vite configuration
├── tsconfig.json # TypeScript configuration
└── package.json

Contributing

  1. Fork the repository.
  2. Create a feature branch: git checkout -b feat/my-feature
  3. Commit your changes: git commit -m "feat: add my feature"
  4. Push to the branch: git push origin feat/my-feature
  5. Open a pull request.

License

MIT

About

NEB — Visual AI Agent Builder. Craft, customize and run AI agents on an interactive node canvas. Wire up third-party APIs, draw from libraries of skills, prompts and templates, and test agents live in a real-time execution playground — all powered by multi ai providers & mcp tools gmail,drive, etc.

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages