Bento Card

An interactive bento card with animated tabs and workspace preview.

Library

uselayouts

Framework

React

Type

component

License

MIT

Dependencies

@hugeicons/core-free-icons, @hugeicons/react, clsx, motion, tailwind-merge

Install

npx shadcn@latest add https://uselayouts.com/r/bento-card

Files

• registry/default/example/bento-card.tsx
• lib/utils.ts

Source

https://github.com/iurvish/uselayouts

Categories

• Bento Grid Components
• React Bento Grid Components
• Tailwind CSS Bento Grid Components
• Animated Bento Grid Components
• Grid Components
• React Grid Components
• Tailwind CSS Grid Components
• Animated Grid Components
• Layout Components
• React Layout Components
• Tailwind CSS Layout Components
• Animated Layout Components

More from uselayouts

• Animated Collection
• Discrete Tabs
• Magnified Bento
• Vertical Tabs
• 3D Book
• Accessible Action
• AccordionOS
• Analog Stick
• Bookshelf
• Bottom Menu
• Bucket
• Card Folder