Shadcn.io is not affiliated with official shadcn/ui
About Perks
A multi-column employee perks grid block for React and Next.js with perk values, category labels, responsive columns, gap-as-border pattern, and scale entrance animations built with shadcn/ui and Tailwind CSS
Attract top talent with this multi-column perks grid block for React and Next.js. Features a 3-column grid of 9 employee perks using the gap-as-border visual pattern, each with perk name, description, monetary value or detail, and category label. Built with TypeScript, motion/react scale entrance animations, and Tailwind CSS. Perfect for careers pages, hiring sections, and employer branding.
Related Components
Careers CTA
Hiring call to action with open roles
Culture
Company culture showcase
Culture Behaviors
Team behavior expectations
Diversity
Diversity and inclusion stats
Hiring Process
Step-by-step hiring flow
Open Positions
Current job openings list
FAQ
Was this page helpful?
Sign in to leave feedback.
Patents Portfolio
A sortable patent portfolio data table block for React and Next.js with patent numbers, category badges, filing status indicators, date sorting, and staggered row entrance animations built with shadcn/ui and Tailwind CSS
Philosophy
An editorial philosophy statements block for React and Next.js with numbered monospace prefixes, supporting paragraphs, a pull-quote with border accent, attribution footer, and fade entrance animations built with shadcn/ui and Tailwind CSS