About Team Activities
A team activities bento grid block for React and Next.js with featured and compact activity cells, frequency badges, participation stats, and scale entrance animations built with shadcn/ui and Tailwind CSS
Showcase your team's culture and traditions with this bento-grid team activities block for React and Next.js. Features an asymmetric grid layout with two featured activities spanning full width, six compact activity cells with frequency badges and participation counts, hover-to-reveal descriptions, and staggered scale entrance animations. Built with TypeScript, shadcn/ui Badge component, motion/react grid animations, and Tailwind CSS. Perfect for about pages, careers sections, and culture-focused landing pages.
Related Components
Team Avatars
Compact team display with overlapping avatars
Team Breakdown
Department composition split panel
Culture
Company culture values and perks grid
Day In Life
Hourly schedule of a typical workday
Behind The Scenes
Weekly rituals sidebar navigation
Feedback Culture
Feedback channels and review cadences
FAQ
Was this page helpful?
Sign in to leave feedback.
Tabs
A tabbed company overview block for React and Next.js with shadcn Tabs for Mission, Vision, Values, and Culture sections, distinct content layouts per tab, AnimatePresence transitions, and semantic typography built with shadcn/ui and Tailwind CSS
Team Avatars
A compact team avatars block for React and Next.js with overlapping initials row, department breakdown bars, headcount stats, and hiring status indicator built with shadcn/ui and Tailwind CSS