Capacitor

A general purpose UI for FluxCD.

Installation

Kubernetes maninfests

kubectl create namespace infrastructure

kubectl apply -f https://raw.githubusercontent.com/gimlet-io/capacitor/main/deploy/k8s/rbac.yaml
kubectl apply -f https://raw.githubusercontent.com/gimlet-io/capacitor/main/deploy/k8s/manifest.yaml

kubectl port-forward svc/capacitor -n infrastructure 9000:9000

Helm

kubectl create namespace infrastructure

kubectl apply -f https://raw.githubusercontent.com/gimlet-io/capacitor/main/deploy/k8s/rbac.yaml

helm repo add onechart https://chart.onechart.dev

helm upgrade -i capacitor -n infrastructure onechart/onechart -f https://raw.githubusercontent.com/gimlet-io/capacitor/main/deploy/helm/onechart-helm-values.yaml

kubectl port-forward svc/capacitor -n infrastructure 9000:9000

Why

FluxCD is an amazing backend for all things gitops.

It is a shame that ArgoCD gained so much traction mostly because developers appreciate the UI. Rolling out a read-only ArgoCD UI made Argo the de-facto kubernetes dashboard, where people look at logs and various kubernetes resources.

Capacitor's goal is to level the field: providing a UI option for Flux users that matches or exceeds the level of ArgoCD.

Built in public

The vision: https://www.youtube.com/watch?v=LaDRRDvsRAs

Capacitor is built currently by Gimlet.io founder Laszlo Fogas on live streams:

• 1730CET, 16th October - Capacitor launch, Flux CRD backend
  • https://youtube.com/live/Tw18CWFL5jo
• 1700CET, 20th October - Rudimentary data model, bundling a React frontend
  • https://www.youtube.com/watch?v=rhQ_ZSon8KA
• 1730CET, 23rd October - Rendering Flux state
  • https://www.youtube.com/watch?v=BoOIRF2bsQY
• 1700CET, 6th November - Product vision, Rendering Kustomizations, React event handlers
  • https://www.youtube.com/watch?v=LaDRRDvsRAs
• 1700CET, 12th January - Where are we with Capacitor? Launch plans
  • https://www.linkedin.com/events/buildingauiforfluxcd-wherearewe7151493559815188481/comments/

Philosophy

Capacitor wants to be more than a tool that displays Flux's CRDs in tables. Capacitor wants to provide contextualized information for developers to best operate their applications.

Screenshots

Kustomizations:

Error Handling:

HelmReleases:

Service Logs:

Roadmap

• DONE: Flux CRD data ("sync state") backend
• DONE: Flux CRD data ("sync state") frontend
• DONE: UI for kubernetes resources deployed by Flux
• DONE: Quick actions: logs, events, describe, port-forward
• Displaying Errors
• Error notifications
• Support for environments
• Display application meta information - service catalog items

Star History

Please push ✨