Shadcn.io is not affiliated with official shadcn/ui
Hero Bento Mixed Widgets
A bento grid hero with asymmetric mixed widgets for React and Next.js featuring a headline tile, animated NumberFlow stat, avatar proof, sparkline chart, and testimonial tile built with shadcn/ui and Tailwind CSS
Build a bento grid hero with five asymmetric mixed widget tiles using this React and Next.js block. Features a large two-column headline tile with announcement pill and dual ShadcnioButton CTAs, a compact NumberFlow animated stat tile with an isAnimated hydration guard, an avatar stack tile showing team social proof, a minimal SVG sparkline chart tile for growth signalling, and a colored testimonial snippet tile to round out the grid. Built with TypeScript, ShadcnioButton, NumberFlow for animated metrics, motion/react staggered entrance animations, Lucide React icons, and Tailwind CSS grid utilities. Perfect for feature-rich SaaS landing pages, analytics product marketing sites, growth tools, and any multi-value proposition hero that needs several proof points at a glance.
Related Components
React Bento Grid Feature Showcase Hero Block
React asymmetric bento grid hero with image placeholders
React Floating Cards Hero Block
React hero with floating card elements and animations
React Feature Cards Hero Block
React hero with feature cards grid using shadcn/ui Card components
React Integration Grid Hero Block
React hero showcasing integration logos in a responsive grid
React Stacked Cards Hero Block
React hero with stacked card layout and depth effects
React Stats Hero Block
React hero with key performance metrics
FAQ
Was this page helpful?
Sign in to leave feedback.
Bento Grid
An asymmetric bento grid hero for React and Next.js with crosshair image placeholders in varied col-span cells, bold centered headline, announcement pill, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS
Browser Frame
A split-layout hero for React and Next.js with a large browser frame mockup on the right, announcement pill, headline, emerald feature checklist, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS