Bento & Layout

Bento Card Shells

Single card shell component with five variants (icon, stat, image, chart-slot, quote) sharing one accessible article shell.

Free MIT licensed. Install it with the CLI — no account, no key.

bash

$ velocityx add bento-card-shells

Built for astro.

Full docs for Bento Card Shells →

astro v1.0.0

Bento Card Shells

Encrypted at rest

AES-256 on every table, every backup.

P95 response time

412ms

-38ms vs last week

Screenshot slot

Field mapping, visually

Drag a column, see the join update live.

Weekly signups

Last 8 weeks

We shipped our first integration in a single afternoon. ”

Marcus T. — Founder

Props

Name	Type	Required	Default
variant	'icon' \| 'stat' \| 'image' \| 'chart' \| 'quote'	No	'icon'
headingLevel	2 \| 3 \| 4 \| 5 \| 6	No	3
title	string	No
subtitle	string	No
description	string	No
value	string	No
label	string	No
trend	string	No
cite	string	No
href	string	No
className	string	No	''

File this creates

The CLI writes this path into your project, relative to its root — nothing else moves.

text

components/velocity/bento-card-shells/BentoCard.astro

Using the Bento Card Shells component

Install it with velocityx add bento-card-shells. The CLI writes the source straight into your project — no runtime dependency, no registry lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.

All 406 components

Bento Card Shells

Encrypted at rest

Field mapping, visually

Weekly signups

Props

File this creates

Using the Bento Card Shells component

Related components