About Expertise Grid
An expertise grid block for React and Next.js with asymmetric bento layout, nested skill data with years and project counts, semantic color coding by domain, and scale-up entrance animations built with shadcn/ui and Tailwind CSS
Showcase deep organizational expertise with this asymmetric bento grid block for React and Next.js. Features 8 expertise cells including 2 featured col-span-2 areas with expanded descriptions, years of experience, project counts, and key skill tags per domain. Built with TypeScript, shadcn/ui Badge component, motion/react scale-up stagger animations, and Tailwind CSS. Perfect for agency capability pages, consultancy about sections, and engineering team showcases.
Related Components
Features Grid
Multi-column feature grid with descriptions
Values Bento
Bento grid of company values
Tech Stack
Technology stack showcase
Differentiators
Competitive differentiation points
Skills Matrix
Team skills and proficiency matrix
Specializations
Areas of specialization overview
FAQ
Was this page helpful?
Sign in to leave feedback.
Executive Team
An executive team multi-column grid block for React and Next.js with responsive card layout, hover-reveal quotes, tenure badges, brief bios, and staggered entrance animations built with shadcn/ui and Tailwind CSS
FAQ
A frequently asked questions block for React and Next.js with grouped categories, custom expandable sections using AnimatePresence height animation, chevron rotation, and staggered entrance animations built with shadcn/ui and Tailwind CSS