Bento Grid

A flexible grid layout with interchangeable BentoCard items for showcasing content in a responsive masonry style.

Library

Animations (Svelte)

Framework

Svelte

Type

block

License

MIT

Dependencies

@lucide/svelte

Install

pnpm dlx shadcn-svelte@latest add https://sv-animations.vercel.app/r/bento-grid.json

Files

• src/lib/components/magic/bento-grid/bento-grid.svelte
• src/lib/components/magic/bento-grid/bento-card.svelte
• src/lib/components/magic/bento-grid/index.ts
• src/lib/utils.ts
• src/lib/components/ui/button/button.svelte

Source

https://github.com/SikandarJODD/animations

Categories

• Bento Grid Components
• Tailwind CSS Bento Grid Components
• shadcn/ui Bento Grid Components
• Feature Section Components
• Svelte Feature Section Components
• Tailwind CSS Feature Section Components
• shadcn/ui Feature Section Components
• Grid Components
• Tailwind CSS Grid Components
• shadcn/ui Grid Components
• Layout Components
• Svelte Layout Components

More from Animations (Svelte)

• Animated Background
• Animated Beam
• Animated Circular Progress Bar
• Animated Gradient Text
• Animated Grid Pattern
• Animated List
• Animated Shiny Text
• Animated Theme Toggler
• Arc Timeline
• Aurora Text
• Avatar Circles
• Backlight