Animated Bento Grid Components

Dev Design Library indexes 17 Animated bento grid components from 11 open-source UI libraries, with the most coming from Vengeance UI, Badtz UI, uselayouts, Spectrum UI and Kokonut UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. These are the bento grid components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. Bento grid components belong to the Layout group.

• Magic BentoReact Bits · ReactInteractive bento grid tiles expand + animate with various options.
• Widget GridKokonut UI · ReactDashboard widgets you lift, drag and resize on a 6-column grid, with spring physics and full keyboard support.
• Bento GridSpectrum UI · ReactA premium interactive Bento Grid component
• Agent Bento GridVengeance UI · ReactMulti-agent workspace grid layout
• Bento Carduselayouts · ReactAn interactive bento card with animated tabs and workspace preview.
• Bento ExpandKinetics · HTML/CSSHover focuses one tile; the rest quietly recede
• Animated Card 1Badtz UI · React
• Bento feature gridVelora UI · ReactFive-card bento grid with live visuals: integration beams, orbiting icons, a chart, a tag marquee and a globe.
• Stacker Style Bento GridCue Foundations · React
• Glass Bento GridOpaline · ReactFeature tiles on glass in a bento layout, with a pointer light and a call to action that slides in.
• Features Section Demo 3Aceternity UI · React
• Research Bento GridVengeance UI · ReactAnimated developer-service showcase with interactive pricing and pause states
• Magnified Bentouselayouts · ReactA bento card component with a draggable magnifying lens effect over scrolling chips.
• Animated Card 2Badtz UI · React
• Expandable Bento GridVengeance UI · React
• Animated Card 3Badtz UI · React
• Why Us BentoVengeance UI · React

Libraries with Animated bento grid components

• Vengeance UI
• Badtz UI
• uselayouts
• Spectrum UI
• Kokonut UI

Related categories

• Bento Grid Components
• React Bento Grid Components
• Tailwind CSS Bento Grid Components
• shadcn/ui Bento Grid Components
• Animated Layout Components
• Animated Grid Components
• Animated Stack Components
• Animated Sticky Scroll Components
• Animated Container Components
• Animated Window Frame Components
• Animated Scroll Area Components
• Animated Split Pane Components