aadilghani1

Smart Meter

Component 7

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
  • Security Key

    Security Key

    57
  • Deploy Pipeline

    Deploy Pipeline

    51
  • Webhook Relay

    Webhook Relay

    32
  • Usage Meter

    Usage Meter

    27
  • Checkout Till

    Checkout Till

    20
  • Vault Door

    Vault Door

    20
  • Desk Globe

    Desk Globe

    17
  • Firewall Rack

    Firewall Rack

    16