Dev Design Library

Magnified Bento

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

Magnified Bento preview
Library
uselayouts
Framework
React
Type
component
License
MIT
Dependencies
@hugeicons/core-free-icons, @hugeicons/react, clsx, motion, tailwind-merge
Install
npx shadcn@latest add https://uselayouts.com/r/magnified-bento
Files
  • registry/default/example/magnified-bento.tsx
  • lib/utils.ts
Source
https://github.com/iurvish/uselayouts

Categories

More from uselayouts