saturation/uiBento Grid
A grid layout for showcasing product features with background illustrations, hover-reveal CTAs, and flexible column spans.
KYC Submitted
Steven Kirk, London, UK
USD Deposit (ACH)
$500,000 from J. Kirk
+$500 PYUSD
from U80a...7D0a
1,000,000 USDC
to External Wallet
KYC Submitted
Steven Kirk, London, UK
USD Deposit (ACH)
$500,000 from J. Kirk
+$500 PYUSD
from U80a...7D0a
1,000,000 USDC
to External Wallet
KYC Submitted
Steven Kirk, London, UK
USD Deposit (ACH)
$500,000 from J. Kirk
+$500 PYUSD
from U80a...7D0a
1,000,000 USDC
to External Wallet
Real-Time Transactions
Track every payment, deposit, and transfer as it happens.
Smart Reports
AI-powered financial reports generated instantly.
Integrations
Connect with 100+ financial tools and platforms.
Notifications
Get alerts for large transactions and compliance events.
Scheduling
Schedule recurring payments and automated workflows.
Features
- Flexible grid — 3-column grid with configurable spans per card
- Background slot — Each card accepts custom background content (animations, images, illustrations)
- Hover-reveal CTA — Call-to-action slides up on hover (desktop), always visible on mobile
- Icon + text — Icon shrinks on hover to reveal CTA
- Light/dark styles — Inset glow on dark mode, subtle shadow on light
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | - | BentoCard elements |
| className | string | - | Additional className for the grid container |
Components Used
button