Shadcn.io is not affiliated with official shadcn/ui
Team Animated Bento
React animated bento grid layout with featured 2x2 member cell scaling in from center and staggered hover lift effects.
A React team bento grid built with Next.js, TypeScript, shadcn/ui, Tailwind CSS, and framer-motion. The featured member scales in from the center while surrounding cells stagger into place with polished cascade effects. Each cell lifts subtly on hover for interactive feedback using motion components. Perfect for team pages, about sections, and leadership showcases.
Related Components
Team Animated Grid Reveal
Staggered grid entrance with expand-on-click bios
Team Block Bento Grid
Static bento grid with featured founder cell
Team Animated Spotlight
Two-panel layout with layoutId active indicator
Team Animated Filter
Department filter with layout animations
Team Block Grid Cards
Flat grid layout with initials and department chips
Team Block Hover Reveal
Grid with bio revealed on hover
FAQ
Was this page helpful?
Sign in to leave feedback.