Bento

Bento Shield

Pronew

A shield with a lock that snaps shut as data runs in from two wired nodes.

Encrypted by default

Documents and card data are sealed on the device and stay sealed at rest.

Installation

npx shadcn@latest add @blank-pro/bento-shield

Needs a Blank Pro licence key and the @blank-pro registry. Set up Pro access

Usage

import { BentoShield } from "@/components/ui/bento-shield"

<BentoShield nodes={[<FileTextIcon key="file" />, <CreditCardIcon key="card" />]} />

The shackle starts open and closes when the first packets reach the shield. After that, packets keep running in while the card is on screen and stop when it scrolls away. Under reduced motion the lock is simply closed.