Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:ui2 dependencies

Bento Grid

bento-grid

Bento grid is a layout used to showcase the features of a product in a simple and elegant way.

@magicuiRegistry JSON
Live, loading

Starting the live preview…

Rendered from its demo Bento Vertical Demo. Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

2 other registries

Similar components

Other registries' take on bento-grid.

bento-grid
u@usva
Component
bento-grid
j@jolyui
Component
1 demo

See it in use

Files this registry ships to demonstrate the item. They are indexed and installable, but they don't count as components of their own.

Example showing a vertical bento grid layout.

@magicui

More from @magicui

All 71 items
Typing Animation
typing-animation
Component
Video Text
video-text
Component
Android
android
Component
Warp Background
warp-background
Component
Spinning Text
spinning-text
Component
Word Rotate
word-rotate
Component
Pulsating Button
pulsating-button
Component
Animated Beam
animated-beam
Component