Ramp

Energy Dashboard

Featured

Complete energy monitoring dashboard with real-time metrics, charts, and device management.

Dashboard
Energy
Analytics

Preview

Energy Dashboard
Live
Production
4.2 kW
Storage
85%
Grid
0.8 kW
Energy Flow (24h)

Implementation

Components Used

This template uses the following components from the Ramp Design System:

Card
Badge
Button
Chart
Progress

Installation

npm install @ramp-ds/ui

Usage

Copy the code below and customize it to fit your needs. All components are fully documented in the Components section.

Related Templates

Stockholm Home
Devices
Solar Inverter
Online
Battery
Online

Site Overview

Comprehensive site management interface with map integration, device status, and performance metrics.

Analytics
Bar Chart
Area Chart
Metrics
Total Energy124.5 kWh
Peak Power8.2 kW

Analytics Dashboard

Data-rich analytics interface with multiple chart types and filtering options.

Stockholm Home
Location
Stockholm, SE
Capacity
10 kW
Performance
Today32.4 kWh

Site Details

Detailed site information page with tabs, metrics, and energy flow diagram.