Product Grid

>npx @shavin/cli add commerce-product-grid

The WiseOwl shop

Tools for calmer money days

Paper planners, jars and pouches designed with the households who use WiseOwl. Free shipping over $60.

A young pilea plant in a white pot by a window

Planners

Best seller

Envelope Budget Kit

12 monthly cards and 40 reusable envelopes

$24.00

Scattered coins on a peach background

Saving

Sinking Fund Jar Set

Four glass jars with chalk labels

$32.00

A bright living room with a cream sofa in afternoon sun

Planners

New

Household Money Planner

Undated, lay-flat, 52 weekly spreads

$38.00

A hand holding a printed receipt

Organising

Receipt Catcher Pouch

Waxed canvas with a dated tab index

$18.00

A small potted tree against a two-tone peach wall

Home office

Quiet Hours Desk Plant

Hand-glazed pot, ready to plant

$29.00

A calm pastel living space with mint walls and a yellow armchair

Apparel

WiseOwl Tote

Heavy cotton, lime owl mark

$22.00

Installation via CLI

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

npx @shavin/cli add commerce-product-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:#commerce#products#shop#grid
Configure Theme
Theme
Accent Color
Custom
Gray Family
Appearance
Radius
Scaling
Panel Style
Heading Font
Body Font