aadilghani1

Smart Meter

Component 9

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

    81
  • Security Key

    Security Key

    79
  • Webhook Relay

    Webhook Relay

    44
  • Checkout Till

    Checkout Till

    43
  • Usage Meter

    Usage Meter

    39
  • Vault Door

    Vault Door

    26
  • Desk Globe

    Desk Globe

    26
  • Firewall Rack

    Firewall Rack

    21