Careers
Careers page blocks for shadcn/ui. Open role lists with department filters, benefits grids, culture photo sections, hiring process steps and team testimonials. Built for shadcn/ui.
Careers listing built with shadcn/ui Button chips and Badge. A heading and lead sit above a row of department filter pills with live counts, and a divided list of role rows shows the title, department Badge, MapPin location, contract type and an arrow. Good as the main jobs board on a careers page.
Careers hero built with shadcn/ui Button. A wide 21:9 team photo with a dark overlay carries the headline and two calls to action, followed by a four-column grid of eight benefit tiles with icon, title and one-line description. Use it to open a careers page with culture and perks at a glance.
Department-grouped job list built with shadcn/ui Accordion, Badge and Button. The heading, a pulsing "We’re hiring" Badge and lead sit on the left; the right two columns hold a multi-open Accordion whose triggers show the team name with a role-count Badge and whose panels list roles with location and an Apply Button. Suits companies hiring across several teams.
Culture section built with shadcn/ui Avatar. Three company values alternate text and photo across two columns, each with a numbered eyebrow, title and paragraph, and the section closes with an overlapping avatar strip and a headcount caption. Use it to show how a team works before listing roles.
Hiring process section built with shadcn/ui Accordion. Four horizontal numbered steps joined by a connector line explain the interview loop with durations and descriptions, and a centred four-question Accordion answers common candidate questions below. Good for setting expectations on a careers page.
Single job page built with shadcn/ui Badge, Button, Tooltip, Card, Avatar and Separator. A breadcrumb, large title, icon meta Badges and Apply/Share Buttons sit above a three-column body with About, What you’ll do and What we look for lists beside a sticky facts Card with the hiring manager and an Apply Button. Use it as the template for individual job listings.
Employee testimonials built with shadcn/ui Card and Button. Three Cards pair a round portrait with a quote, name, role and joined year, and a primary-coloured rounded band below invites open applications with a secondary Button. Good as the closing section of a careers page.