aadilghani1

Smart Meter

Component 15

About

An interactive isometric illustration of a home electricity meter whose screen rolls through today's usage, this week's usage and the tariff when you press its display key.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Smart Meter to your project and fits it to your theme.

Code

How Smart Meter is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import SmartMeter from "@/components/ui/isokit-smart-meter";

export default function SmartMeterDemo() {
  return (
    <div className="flex min-h-screen w-full items-center justify-center bg-background p-8">
      <div className="w-full max-w-md">
        <SmartMeter />
      </div>
    </div>
  );
}

Dependencies

More by aadilghani1

View all
  • Deploy Pipeline

    Deploy Pipeline

    100
  • Security Key

    Security Key

    91
  • Checkout Till

    Checkout Till

    65
  • Webhook Relay

    Webhook Relay

    51
  • Usage Meter

    Usage Meter

    43
  • Metrics Board

    Metrics Board

    39
  • Vault Door

    Vault Door

    37
  • Desk Globe

    Desk Globe

    32