BentoGrid

Premium

Layout

Modern bento-style grid layout with animated cards. Perfect for feature showcases and dashboards.

Dependencies:

framer-motion

Full

Preview

Interactive

Installation

1. Install dependencies

npm install framer-motion

2. Copy the component

Copy the source code from the Code tab above and save it to your components folder.

3. Import and use

import { BentoGrid } from '@/components/BentoGrid'

Related Components

AutoCarousel

Smooth auto-playing carousel with infinite scroll, pause on hover, and customizable speed.

Accordion

Collapsible content sections with smooth expand/collapse animations.

Drawer

Slide-in panel from any edge of the screen, perfect for navigation menus, settings panels, and side content.

← Back to Components

BentoGrid

Premium

Layout

Modern bento-style grid layout with animated cards. Perfect for feature showcases and dashboards.

Dependencies:

framer-motion

Full

📊

Analytics Dashboard

Real-time metrics and insights for your business

View Dashboard

⚡

Quick Actions

Frequently used tools

🔔

Notifications

Stay updated with alerts

👥

Team Collaboration

Work together seamlessly with your team members

Invite Team