Shadcn.io is not affiliated with official shadcn/ui
About Careers CTA
A careers call-to-action block for React and Next.js with department-filtered job listings, culture proof metrics, benefit highlights, team size indicators, salary ranges, and staggered entrance animations built with shadcn/ui and Tailwind CSS
Attract top talent with this split-panel careers CTA block for React and Next.js. Features a left panel with culture proof metrics, concrete benefit highlights, and team growth data, plus a right panel with department-filtered open positions showing salary ranges, location tags, and team size. Built with TypeScript, shadcn/ui Badge, Button, and Separator components, motion/react staggered animations, and Tailwind CSS. Perfect for about pages, careers sections, and recruiting landing pages.
Related Components
Culture
Company culture overview
Team Grid
Team member photo grid
Perks
Benefits and perks showcase
Remote Culture
Remote work practices
Team Avatars
Team member avatar display
Work Style
How the team works together
FAQ
Was this page helpful?
Sign in to leave feedback.
By The Numbers
A company metrics bento grid block for React and Next.js with categorized stat groups, asymmetric cell sizing, trend indicators, contextual footnotes, and staggered scale entrance animations built with shadcn/ui and Tailwind CSS
Case Study Cards
A customer case study bento grid block for React and Next.js with asymmetric card layout, featured study with large metric callout, industry-colored top borders, tech stack badges, and scale-up entrance animations built with shadcn/ui and Tailwind CSS