Bento Features

>npx @shavin/cli add features-bento-grid

What you get

Everything your money needs, nothing extra

Four tools most households use every week, built to work together and stay out of your way the rest of the time.

A young pilea plant in a white pot by a window

Budgets that follow real life

Category budgets adjust to paydays and roll over unspent money, so a quiet month helps the next one.

Bills, never a surprise

Every bill and subscription due in the next 30 days, with a reminder two days before.

Goals with a date

Set an amount and a deadline. WiseOwl tells you what to set aside each payday.

Ask about your spending

Ask how much went on takeout in August and get an answer with the charges listed.

Installation via CLI

Add this block directly into your project codebase with all dependencies and tokens resolved:

npx @shavin/cli add features-bento-grid

Token & Spatial Architecture

  • 100% Token Compliant: Zero raw hex colors or arbitrary values; remaps seamlessly in dark and light modes.
  • Concentric Radius: Set radius="concentric" on nested elements to auto-resolve inner radius from the container's padding.
  • Multi-Device Responsive: Designed for Desktop (1280px+), Tablet (768px), and Mobile (375px) breakpoints.
Tags:#features#bento#grid#media
Configure Theme
Theme
Accent Color
Custom
Gray Family
Appearance
Radius
Scaling
Panel Style
Heading Font
Body Font