Web3 Bento

Name: Web3 Bento
Brand: vasnev.art
SKU: web3-bento
Price: 24 USD
Availability: InStock

vasnev.art

About

Web3 Bento is a dark crypto dashboard laid out as a bento grid, made for wallet, DeFi and portfolio products.

What is inside

Net worth with a 30 day daily PnL strip
Card stack that tucks under a frosted panel
Live gas gauge with Slow, Normal and Fast modes
Portfolio vs ETH chart with 1W, 1M and 1Y periods
Allocation bar with legend
Staking tile with rewards that accrue in real time and a payout countdown
Uniswap style LP range with live price
Block stream and onchain activity feed

Technical details

One React component (TypeScript, about 1000 lines) plus a demo file
Tailwind CSS v4 with shadcn/ui theme tokens
All data comes in through props, demo data included
No chart library and no other dependencies
Responsive grid, reduced motion support

Files: web3-bento.tsx, demo.tsx, package.json, README.md.

vasnev.art

6 packs

Fintech and Web3 interfaces built to HIG standards, with obsessive attention to detail and micro-interactions. Bento layouts, dashboards and coded templates.

View profile

Finance Bento

from $24

Personal-finance bento for fiat, stocks and crypto. HIG-level detail and micro-interactions. Zero dependencies.

Glass Prism Hero

from $36

Landing hero where a glass prism splits light into a spectrum over a dot grid, built with React and WebGL.

Fintech Bento

from $24

Dark banking dashboard in a bento grid with balance, watchlist, spending and transfers, built with React and Tailwind.

Dot Field

from $16

Hero where thousands of dots assemble your headline and react to the cursor, built with React and canvas.

About

You may like these

vasnev.art