Costscope is a powerful Backstage frontend plugin that brings multi-cloud FinOps cost insights directly into your developer portal. It seamlessly integrates with your Costscope API, normalizes data to the FOCUS specification, and delivers actionable cost analytics through intuitive charts, tables, and recommendations.
Designed for engineering teams, Costscope empowers developers to understand and optimize cloud spending without leaving their workflow. Whether you're tracking costs by project, service, or region, Costscope provides the visibility and insights needed to make informed decisions.
Backend / API implementation lives here: https://github.com/costscope/costscope
This plugin is UI-only. You must point it at a running Costscope backend API (self‑hosted or sandbox) via Backstage
discovery(preferred) or aproxyentry. See Configuration below.
npm run demoMore details: see docs/demo.md.
yarn storybook:devMore details: see docs/storybook.md.
Install the plugin in your Backstage app workspace:
yarn workspace app add @costscope/backstage-pluginMore details: see docs/quick-start.md.
- Multi-Cloud Cost Visibility: Unified view across AWS, Azure, GCP, and other cloud providers
- FOCUS-Native Analytics: Standardized cost data using the FinOps Open Cost and Usage Specification
- Real-Time Insights: Live cost trends, breakdowns, and actionable recommendations
- Developer-First UX: Integrated directly into Backstage for seamless developer experience
- Project Scoping: Granular cost tracking by project, team, or service
- Interactive Charts: Beautiful, accessible visualizations powered by Recharts
- Smart Caching: Optimized performance with intelligent caching and retries
- Accessibility Built-In: WCAG-compliant components with full keyboard navigation
- Extensible Architecture: Easy integration with existing Backstage ecosystems
- Unified Platform: Single pane of glass for all cloud cost data vs. scattered vendor consoles
- Developer Productivity: Cost insights where developers already work, reducing context switching
- Open Standards: FOCUS compliance ensures vendor neutrality and future-proofing
- Performance Optimized: Lightweight bundle with lazy loading and efficient caching
- Enterprise Ready: Robust error handling, security, and scalability for large organizations
- Community Driven: Open-source with active development and community support
- Backstage Native: Deep integration with Backstage's plugin ecosystem and theming
Detailed docs live under docs/:
- Quick Start
- Demo
- Storybook
- Configuration & FAQ
- Architecture overview
- Running tests locally
- Troubleshooting
Apache 2.0 - see LICENSE file.