Bento Grid

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

Library

Magic UI

Framework

React

Type

ui

License

MIT

Dependencies

@radix-ui/react-icons

Install

npx shadcn@latest add @magicui/bento-grid

Files

• apps/www/registry/magicui/bento-grid.tsx
• apps/www/components/ui/button.tsx

Source

https://github.com/magicuidesign/magicui

Categories

• Bento Grid Components
• React Bento Grid Components
• Tailwind CSS Bento Grid Components
• shadcn/ui Bento Grid Components
• Feature Section Components
• React Feature Section Components
• Tailwind CSS Feature Section Components
• shadcn/ui Feature Section Components
• Grid Components
• React Grid Components
• Tailwind CSS Grid Components
• shadcn/ui Grid Components

More from Magic UI

• Android
• Animated Beam
• Animated Circular Progress Bar
• Animated Gradient Text
• Animated Grid Pattern
• Animated List
• Animated Shiny Text
• Theme Toggler
• Aurora Text
• Avatar Circles
• Backlight
• Blur Fade