Bento

Bento Orbit Icon

Pronew

One large round icon on concentric rings, with a light that runs around its rim.

Clear exchange rates

Mid-market rates with the fee shown up front. What you see is what you pay.

Installation

npx shadcn@latest add @blank-pro/bento-orbit-icon

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

Usage

import { BentoOrbitIcon } from "@/components/ui/bento-orbit-icon"

<BentoOrbitIcon icon={<ArrowLeftRightIcon />} />

The light sweeps the rim once on view and orbits for as long as the card is hovered. One visual covers a row of short feature cards: swap the icon for a shield, a refresh or a fingerprint.