Get access
All›Sections & Layout›Bento

Auto-Packing BentoFreeNew

Hand it any number of cards and a solver tries every grid that fits, cuts each into gap-free rectangles sized by importance, and keeps the tidiest one while the cards spring into place.

←2 / 20→
Add / remove · Click a card

Source & downloads

PackBento from @ngc/bento · ZIP with README, AI prompt and license. This one is free: copy the usage and take the ZIP and prompt, no key needed.

tsx
import { PackBento } from '@ngc/bento'

<PackBento />

Downloads for this component are being packaged.

More Bento

All 20 →
Draggable BentoNewDrag · Arrows · S to resize
Focus-Expand BentoNewClick · Arrows · Esc
Free
Live-Data BentoNewLive · Click a tile to pin
Bento Story ModeNewScroll · Chapter dots
Magnet BentoNewMove pointer · Arrow keys
Hue BentoNewHover · Click to lock
Mosaic ShatterImage FX
Bento Assemble HeroNewHeroes
Scroll-Linked Number StoryNewNavigation
Bento BloomInteractive
Focus-Expand BentoNewBento
Free
Tour BentoNewBento