Official website for OhWise — the multi-agent AI platform.
Landing page, product page, open-source showcase, documentation, and blog.
Stack: Vite · React · TypeScript · Tailwind CSS · shadcn/ui
OhWise is a multi-agent AI platform providing DAG-based orchestration, AI coding agent Lab, Studio coordinator pipelines, graph-native context retrieval, and enterprise multi-tenancy.
npm install
npm run devnpm run buildRebuilt and deployed via Docker from local-container-orchestration. Always rebuild — restart reuses the old image.
cd local-container-orchestration
docker compose build ohwise-hub
docker compose up -d ohwise-hub| Route | Description |
|---|---|
/ |
Landing page — hero, use cases, features, CTA |
/product |
Product detail — DAG architecture, Lab, Studio, Enterprise, Infrastructure |
/open-source |
Open-source packages showcase (ai-relay first, then ohwise-mcp, graph2sql, docs2graph, codebase2graph) |
/documentation |
Docs (with nested /documentation/:id) |
/blog |
Blog (with /blog/:id, /blog/post/:id) |
/about |
About |
/contact |
Contact |
/security |
Security policy |
/privacy |
Privacy policy |
/terms |
Terms of service |
Uses Tailwind's class dark mode strategy (darkMode: ["class"]). Light/dark toggled by adding/removing the dark class on <html>.
Rule: Every section must use dark: variants for dark overrides. Never hardcode dark colors (e.g., bg-gray-950) without a light-mode equivalent.
Pattern:
// Section background
className="bg-white dark:bg-gray-900"
// Text
className="text-gray-900 dark:text-white"
// Borders / subtle fills
className="border-gray-200 dark:border-white/10"src/
├── pages/ # Route-level components
│ ├── Index.tsx # Landing page
│ ├── Product.tsx # Product detail (hero + DAG + Lab + Studio + Enterprise + Infra + CTA)
│ ├── OpenSource.tsx # Open-source packages (projects array — order matters)
│ └── ...
├── components/
│ ├── layout/
│ │ ├── Navbar.tsx
│ │ ├── Footer.tsx
│ │ └── Logo.tsx
│ ├── sections/
│ │ ├── Hero.tsx
│ │ ├── UseCases.tsx
│ │ ├── Features.tsx
│ │ ├── FAQ.tsx
│ │ ├── Infrastructure.tsx # Deploy targets + design principles
│ │ └── CTASection.tsx
│ └── ui/ # shadcn/ui primitives
├── App.tsx # Routes
└── main.tsx
The projects array in OpenSource.tsx determines display order:
ai-relay— WebSocket relay for AI coding agent CLIsohwise-mcp— MCP server for graph tools + Studio pipelinesgraph2sql— schema graph + PPR for text-to-SQLdocs2graph— document knowledge graph extractioncodebase2graph— code repository knowledge graph extraction
| Repo | Description |
|---|---|
| ohwise_frontend | Next.js app frontend — Lab, Studio, knowledge management |
| ai-relay | AI coding agent CLI relay — powers Lab |
| ohwise-mcp | MCP server — graph tools + Studio pipelines |
| graph2sql | Open source — schema graph + PPR for text-to-SQL |
| doc2graph | Open source — knowledge graph from documents |
| code2graph | Open source — knowledge graph from code |