Magnified Bento

A bento card component with a draggable magnifying lens effect over scrolling chips.

Installation

terminal

pnpm dlx layro-cli add @iurvish/magnified-bento

npx layro-cli add @iurvish/magnified-bento

npx layro-cli add @iurvish/magnified-bento

bunx layro-cli add @iurvish/magnified-bento

New project? Start with init. Writes third-party code and installs packages with scripts off.

Code

Demo

"use client";
import React from "react";
import { HugeiconsIcon } from "@hugeicons/react";
import {
  Search01Icon,
  UserGroupIcon,
  HierarchyIcon,
  UserIcon,
  RotateLeftIcon,
  Settings02Icon,
  CpuIcon,
  CodeIcon,
  Chart01Icon,
  FlashIcon,

Free, with GitHub, Google or email. The install command above works without an account.

Versions

1.0.0 · current
Nov 9, 2026
First release.

Similar components