Skip to content

redesign: new docs layout, navbar, homepage integrations, and navigation#360

Open
sebastianmaniak wants to merge 34 commits intomainfrom
kagent-redesign-2026
Open

redesign: new docs layout, navbar, homepage integrations, and navigation#360
sebastianmaniak wants to merge 34 commits intomainfrom
kagent-redesign-2026

Conversation

@sebastianmaniak
Copy link
Copy Markdown
Collaborator

  • Navbar: site links (Docs, Blog, Community, Enterprise) on homepage,
    clean logo+search+stars+version+theme on docs pages
  • Docs: horizontal section tab bar at top, context-aware sidebar showing
    only active section items, always-visible sticky sidebar
  • Homepage: platform capabilities cards, scrolling integration marquees
    with brand-accurate SVG icons (30+ integrations), scroll reveal animations
  • Navigation: reorganized into 9 sections, moved Architecture/System Prompts
    to Reference, removed Platforms section
  • Added NVIDIA to LLM Providers integrations
  • Figtree font throughout

Co-Authored-By: Claude Opus 4.6 noreply@anthropic.com

@sebastianmaniak sebastianmaniak force-pushed the kagent-redesign-2026 branch 2 times, most recently from 7e5fe45 to 6e76d7b Compare May 6, 2026 03:25
sebastianmaniak and others added 23 commits May 6, 2026 11:34
- Navbar: site links (Docs, Blog, Community, Enterprise) on homepage,
  clean logo+search+stars+version+theme on docs pages
- Docs: horizontal section tab bar at top, context-aware sidebar showing
  only active section items, always-visible sticky sidebar
- Homepage: platform capabilities cards, scrolling integration marquees
  with brand-accurate SVG icons (30+ integrations), scroll reveal animations
- Navigation: reorganized into 9 sections, moved Architecture/System Prompts
  to Reference, removed Platforms section
- Added NVIDIA to LLM Providers integrations
- Figtree font throughout

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian.maniak@solo.io>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Stars and contributors now fetched from GitHub API on mount instead of
displaying stale hardcoded values (5,247 / 94).

Signed-off-by: Sebastian Maniak <sebastian.maniak@solo.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
- Fix hero text centering with dedicated rd-hero-text class
- Replace hardcoded community stats with live GitHub API data
- Add xAI (Grok) to supported providers with docs page
- Add Channels landing page with overview and quick links
- Replace One-line install with NemoClaw feature card
- Remove enterprise card, update to fully open source messaging
- Add Langfuse, GKE, EKS, AKS, OCI to infrastructure integrations
- Fix Ollama and AWS icons with official logos
- Remove Blog from docs nav, show navbar links on all pages
- Fix docs section tab highlighting with sectionContainsPage
- Remove Apache 2.0 and One-line install from hero meta

Signed-off-by: Sebastian Maniak <sebastian.maniak@solo.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
- Replace generic use case icons with distinct ones (siren, search, terminal, brain, messageCircle, gitMerge)
- Add Chat providers and Multi-agent workflows use cases
- Remove NVIDIA from LLM providers marquee
- Update NemoClaw icon to NVIDIA logo
- Add OpenShell to infrastructure integrations

Signed-off-by: Sebastian Maniak <sebastian.maniak@solo.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
- Add tabbed terminal block (One-liner/Brew) with copy button in hero
- Add "Requires: kind, Helm, kubectl" line below terminal
- Add "Who Uses" adopters section with logos from adopters.yaml
- Remove "Fully open source" editions section

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
- Swap all hand-drawn Icon paths with proper Lucide icon SVGs
- Remove company names from adopters marquee, show logos only
- Add grayscale-to-color hover effect on adopter logos

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
- Add Features link to navbar
- Create /docs/kagent/introduction/features with all 12 capabilities
- Trim homepage Platform Capabilities to 6 key items
- Add "See all features" link to full page

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
- Remove Agents and Tools from main site navbar
- Add Agents Registry link to docs Agents section
- Add Tools Registry link to docs Tools & Plugins section
- Add Features link to docs Get Started section

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
…r Install

- Agents tab links to /agents registry
- Tools tab links to /tools registry
- Agent docs (concepts, BYO, A2A, etc.) moved under Install > Agents
- Tools docs (concepts, kmcp, ecosystem) moved under Install > Tools & Plugins
- Channels moved under Install > Channels

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
…layouts for registries

- Nest Helm/Upgrade/Uninstall/Ops under Installing kagent
- Move Features into Install section, Channels to own top-level tab
- Add docs layout wrappers for /agents and /tools routes
- Remove Background wrapper from registry pages

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
… kagent page

- New Channels top-level nav tab with Overview, Slack, Discord, Telegram, WhatsApp, MCP Clients
- Rewrite channels overview page as a hub with platform comparison table
- Add WhatsApp placeholder page (coming soon)
- Add full platform features section to What is kagent page
- Remove Features from Install nav (now lives on What is kagent)
- Remove channel items from Agents subcategory

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
- Create FeatureGrid MDX component with icon cards matching homepage style
- Use FeatureGrid on What is kagent and Features pages instead of markdown lists
- Add dark mode styles for feature cards in docs context
- New Channels top-level nav with Overview, Slack, Discord, Telegram, WhatsApp, MCP
- Rewrite channels overview as hub page with platform comparison table
- Add WhatsApp placeholder page

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
@sebastianmaniak sebastianmaniak force-pushed the kagent-redesign-2026 branch from 49354e0 to dc2d40d Compare May 6, 2026 15:34
@sebastianmaniak sebastianmaniak requested review from EItanya and peterj May 6, 2026 15:35
sebastianmaniak and others added 2 commits May 6, 2026 11:38
…gory

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
…mples

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
sebastianmaniak and others added 9 commits May 6, 2026 11:54
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
… Tools

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
- Agents as CRDs: Kubernetes logo
- Multi-LLM Providers: OpenAI logo
- MCP Tool Servers: MCP logo
- Agent Harness: OpenClaw logo (new 4th chip)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
- Agent Harness chip: OpenClaw mascot logo, NemoClaw/OpenClaw/OpenShell
- Multi-LLM Providers: OpenAI logo, reorder to OpenAI first
- Agents as CRDs: Kubernetes wheel logo
- BYO Frameworks: new 5th chip with kagent logo, right-center position
- MCP Tool Servers: thicker purple MCP logo

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Remove chevron toggles and force sub-sections open for Install
(Installing kagent, Tools & Plugins, Concepts) and Channels
(Messaging) docs sections.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Comment thread src/app/docs/kagent/channels/messaging/telegram/page.mdx

# WhatsApp

Connect WhatsApp to your kagent agents for mobile-first cluster operations. Manage your Kubernetes resources, ask questions, and receive alerts directly in WhatsApp conversations.
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this page doesn't make sense -- let's remove it until we have something to put on there

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

remove it for this frontend change

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

seting docs back to the OG .. as we will focus on this after.

Comment thread src/app/docs/kagent/tools/nemoclaw/page.mdx
Comment thread src/app/tools/page.tsx
Comment thread src/app/layout.tsx
<GoogleTagManager gtmId="GTM-KNRGVQPF" />
<body className="min-h-screen bg-background flex flex-col">
<ThemeProvider attribute="class" defaultTheme="system" enableSystem disableTransitionOnChange>
<ThemeProvider attribute="class" defaultTheme="light" disableTransitionOnChange>
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

any reason for this switch?

import React from "react";

const iconPaths: Record<string, React.ReactNode> = {
workflow: <><rect x="3" y="3" width="8" height="8" rx="2"/><rect x="13" y="13" width="8" height="8" rx="2"/><path d="M7 11v4a2 2 0 0 0 2 2h4M17 13V9a2 2 0 0 0-2-2h-4"/></>,
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nit: perhaps we store these icons in separate SVG files -- it's easier to maintain/manage

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

smart

Comment thread src/app/globals.css
============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800&family=DM+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@300;400;500&display=swap');

.rd-shell {
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we're using tailwind for CSS, can we try to re-use tailwind utility classes/overwrites instead of adding a bunch of custom css classes?

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

probably related: the dark theme doesn't work anymore

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

100%

Comment thread src/components/navbar.tsx
const pathname = usePathname();
const [stars, setStars] = useState<string>('');
const [version, setVersion] = useState<string>('');
useEffect(() => {
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I am afraid we'll get ratelimited here

Comment thread package.json
"build": "npm run check-links && npm run generate-sitemap && next build",
"start": "next start",
"lint": "next lint",
"build:worker": "npm run generate-nav && npm run check-links && npm run generate-sitemap && npx opennextjs-cloudflare build",
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

why was generate-nav removed?

Comment thread src/app/page.tsx
</div>
<div className="rd-uc-grid">
{[
['siren', 'Incident response', 'A pager-aware agent that triages alerts, correlates traces, drafts the runbook, and opens the rollback PR — with humans approving each step.'],
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

these have a "Read the pattern" links but those links don't go anywhere (we should probably remove the links)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants