HyperMorph Bento

A highly dynamic 2x2 grid of layout items expanding to flex columns/rows with spring animations.

Component Showcase

HyperMorph Bento

A highly dynamic 2x2 grid of layout items expanding to flex columns/rows with spring animations.

Framer MotionLayoutBento

Interactive Playground

Adjust sliders and values to preview changes in real-time

API Reference (Props)

Component properties and type specifications

PropTypeDefaultDescription
itemsBentoItem[]DEFAULT_ITEMSArray of bento items to render inside the grid.