design-infraGitHub
Report a problem or share feedback← Catalog

Infinite Masonry

free

beui/infinite-masonry

Responsive virtualized masonry that measures variable-height cards and loads more data as the user nears the end.

loop — mediumdrop-inRefinedPlayful
$npx shadcn@latest add @beui/infinite-masonry

npm deps: @tanstack/react-virtual, clsx, lucide-react, motion, tailwind-merge

Source
beUI (free)
Kind
block
Categories
misc
Use as
drop-in — replaces your component
Applies to
misc
Motion
on loop · medium · motion · medium cost
Tags
react, tailwind-v4, motion, blocks
Licence
MIT — Copyright (c) 2026 Saurabh Chauhan; retain the upstream notice when copying source.
Live demo
beui.dev
Docs
beui.dev