Skip to content

v1.24.0 - 3D Cluster Topology Viewer

Latest

Choose a tag to compare

@rohitg00 rohitg00 released this 20 Feb 16:53
· 2 commits to main since this release

3D Cluster Topology Viewer

Screenshot 2026-02-20 at 22 26 21

New interactive 3D Kubernetes cluster topology UI (k8s-3d-topology) powered by Three.js. Visualize your entire cluster as a navigable 3D scene.

Features

  • 15 distinct 3D mesh types for K8s resources (Pod, Deployment, ReplicaSet, Service, Ingress, Node, StatefulSet, DaemonSet, ConfigMap, Secret, PVC, HPA, NetworkPolicy, Job, CronJob)
  • Force-directed layout with namespace clustering
  • Relationship edges showing ownership, network, storage, and config connections with animated flow
  • Drag-to-reposition nodes with persistent positions across updates
  • Click-to-inspect with kubectl describe integration
  • SVG minimap for graph overview
  • Namespace, kind, and search filtering
  • Dark theme with Kubernetes blue accents, shadows, fog, and glow effects
  • LRU texture caching (128 entries) for efficient GPU memory usage

New Files (2,494 lines across 16 files)

  • App.tsx - Main topology app with theme/filter/selection state
  • ClusterScene.tsx - Three.js scene with OrbitControls, raycasting, shadows
  • FilterBar.tsx - Namespace, kind, and search filtering
  • InspectorSidebar.tsx - Resource details with kubectl describe
  • Minimap.tsx - SVG overview of the graph layout
  • useClusterData.ts - MCP tool calls for pods/deployments/services/ingresses/replicasets/nodes
  • meshFactory.ts - 15 distinct 3D mesh creators with LRU label cache
  • layoutEngine.ts - Force-directed layout with namespace clustering
  • k8sRelationships.ts - Ownership, network, storage, config edge detection
  • types.ts - TypeScript interfaces for graph nodes/edges/resources
  • constants.ts - Shared kind color palette

Also Includes

  • Landing page for GitHub Pages with Kubernetes blue monochromatic theme
  • CNCF Landscape listing and verified press references

Installation

npm install -g kubectl-mcp-app
# or
npx kubectl-mcp-app

Full Changelog: v1.23.1...v1.24.0