Web3Bento

Web3 bento dashboard, dark, lime accent. Net worth with 30-day PnL strip, card stack that tucks under a frosted panel, live gas gauge, portfolio vs ETH chart, allocation bar, staking tile with rewards accruing in real time, LP range with live price, block stream and onchain activity. All data via props, zero dependencies.

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

"use client";

import { Web3Bento } from "@/components/ui/web3-bento";

export default function Demo() {
  return (
    <div className="dark flex min-h-screen w-full items-start justify-center bg-background p-4 sm:p-8">
      <Web3Bento />
    </div>
  );
}