# Careers page blocks for shadcn/ui

> 118 careers page blocks from public shadcn/ui registries, free and paid, with live previews, source code and install commands.

- Page, with live previews: https://shadcn.exchange/blocks/careers
- 118 blocks, 28 free and 90 paid, from 12 registries.
- Search them as JSON: `https://shadcn.exchange/api/catalog?kind=blocks&category=careers&q=<words>`. Add `price=free` for the ones you can install, and `offset=<n>` for the next 24.
- With the shadcn CLI, which finds free blocks by their words: `npx shadcn@latest search @shadcn-exchange -q careers`

Each block's page answers in Markdown, source included, at its address with `.md` on the end. [The whole site for agents](https://shadcn.exchange/llms.txt).

## Free careers page blocks

All 28 blocks, best first. Each installs with the command beside it, in a project that has shadcn/ui set up.

- [Job Posting Detail Page by @7ovr](https://shadcn.exchange/r/7ovr/careers-2): Single job posting page with meta chips for department, location, and type, an about section, responsibilities and requirements lists, and apply buttons. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/careers-2.json`
- [Culture And Benefits Page by @7ovr](https://shadcn.exchange/r/7ovr/careers-3): Careers culture page selling life at the company with a photo strip, a three-up values grid, a perks and benefits row, and a closing call to action. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/careers-3.json`
- [Open Roles By Department by @7ovr](https://shadcn.exchange/r/7ovr/careers-1): Open positions list grouping job roles by department, each row showing the title, location, and employment type with an apply link. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/careers-1.json`
- [Company Benefits 1 - Portrait photo with quote and ratings by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/company-benefits1): A company benefits section with one candid office photo, a coworker quote, and LinkedIn and Glassdoor scores. `npx shadcn@latest add https://shadcn.exchange/r/shadcnblocks/company-benefits1.json`
- [Filterable Jobs Board by @7ovr](https://shadcn.exchange/r/7ovr/careers-4): Filterable jobs board with a search field, department filter pills, a live result count, and a scrollable list of roles with location and type. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/careers-4.json`
- [Careers Intro 1 - Company intro with three reasons by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/careers-intro1): A careers intro with an outline hiring badge, a large heading, a short company paragraph, a link to open roles, and three reason columns. `npx shadcn@latest add https://shadcn.exchange/r/shadcnblocks/careers-intro1.json`
- [Careers Listings by @blockforge](https://shadcn.exchange/r/blockforge/careers-listings): Open roles by department — locations and types in mono. `npx shadcn@latest add https://shadcn.exchange/r/blockforge/careers-listings.json`
- [Careers 02 by @hirael](https://shadcn.exchange/r/hirael/careers-02): Single job posting with the role details, a numbered hiring process and a sticky apply form with CV upload, validation and a success state. On small screens a sticky button jumps to the form. `npx shadcn@latest add https://shadcn.exchange/r/hirael/careers-02.json`
- [Careers 01 by @hirael](https://shadcn.exchange/r/hirael/careers-01): Open-roles list with department filter pills and rows that show title, department, location and type, each linking out with a hover arrow. `npx shadcn@latest add https://shadcn.exchange/r/hirael/careers-01.json`
- [Workplace Culture by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-careers-workplace-culture): A workplace culture section with photos and short stories about daily life. Gives candidates a feel for the team before they decide to apply. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-careers-workplace-culture.json`
- [Careers 1: open roles with filters and perks by @ballmac](https://shadcn.exchange/r/ballmac/careers-1): Open roles grouped by team with team filter chips, live search and an empty state, then a hairline grid of perks. Every role row is one large link with location and type. `npx shadcn@latest add https://shadcn.exchange/r/ballmac/careers-1.json`
- [Stretch Index: Open Roles by @keyframeui](https://shadcn.exchange/r/keyframeui/stretch-index-careers-demo): A careers page with `openOn="click"` and `numbered={false}`: rows open like an accordion, a second click closes them, and the Apply link inside stays clickable. In a narrow frame the team and place move under the title. `npx shadcn@latest add https://shadcn.exchange/r/keyframeui/stretch-index-careers-demo.json`
- [Filterable Open Roles List by @beste-ui](https://shadcn.exchange/r/beste-ui/careers51): A light editorial careers section with a monospace eyebrow over a hairline rule, a two-column heading, and a sticky culture photo with a gradient caption beside team filter pills and hairline job rows showing location, contract type, and a… `npx shadcn@latest add https://shadcn.exchange/r/beste-ui/careers51.json`
- [Job Application Upload by @uploadcn](https://shadcn.exchange/r/uploadcn/job-application-upload): Resume, cover letter and portfolio for a careers page. `npx shadcn@latest add https://shadcn.exchange/r/uploadcn/job-application-upload.json`
- [Careers 4 - Simple careers heading with category sections by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/careers4): A minimal careers section with configurable heading and grouped job rows showing title, location, and arrow link per opening. `npx shadcn@latest add https://shadcn.exchange/r/shadcnblocks/careers4.json`
- [Job application form by @formscn](https://shadcn.exchange/r/formscn/job-application-form): Job application form with resume and cover letter. `npx shadcn@latest add https://shadcn.exchange/r/formscn/job-application-form.json`
- [Application Form by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-careers-application-form): A job application form with fields for contact details, resume upload, and a cover letter. Lets candidates apply directly from your careers page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-careers-application-form.json`
- [Careers 1 - Careers list grouped by department by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/careers1): A careers section with a page heading, supporting copy, and repeating department blocks where each role is a row with title, location, and arrow link animation. `npx shadcn@latest add https://shadcn.exchange/r/shadcnblocks/careers1.json`
- [Interview Process by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-careers-interview-process): A step by step interview process timeline running from first application to final offer. Sets expectations so candidates know what each hiring stage involves. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-careers-interview-process.json`
- [Company Benefits by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-careers-company-benefits): A company benefits section with icons and short blurbs for perks like health, time off, and remote work. Reassures candidates as they read open roles. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-careers-company-benefits.json`
- [Job Details by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-careers-job-details): A single job details page with description, responsibilities, and an apply button. Gives candidates everything they need to decide and submit. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-careers-job-details.json`
- [Department Positions by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-careers-department-positions): A list of open positions grouped by department, each with a title and location. Helps candidates find the right team and apply to the matching role. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-careers-department-positions.json`
- [Career Path by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-careers-career-path): A career path layout showing role progression, levels, and growth milestones. Helps applicants picture how they advance after joining your team. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-careers-career-path.json`
- [Department Showcase by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-careers-department-showcase): A department showcase with cards describing each team, its focus, and people. Helps candidates understand where they fit before browsing open roles. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-careers-department-showcase.json`
- [Job Application Form by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-hero-forms-job-application-form): A hero with a job application form for contact details and a resume upload. Lets candidates apply right from the top of a careers page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-hero-forms-job-application-form.json`
- [Job Listings by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-careers-job-listings): A clean list of job listings with title, location, and a quick apply link. Helps candidates skim available roles and pick one to pursue today. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-careers-job-listings.json`
- [Employee Benefits by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-careers-employee-benefits): An employee benefits grid covering insurance, learning budgets, and flexible hours. Shows candidates the full package while they consider applying. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-careers-employee-benefits.json`
- [Job Board by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-careers-job-board): A searchable job board with filters for team, location, and type. Lets candidates scan every open role and apply to the one that fits them best. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-careers-job-board.json`

## Paid careers page blocks

The first 60 of 90, best first. Their registries sell these: each installs from its registry once bought.

- [Career Page 1 by @initium](https://shadcn.exchange/r/initium/career-page-1): Career page example section 1 with key metrics, site links and legal, primary and secondary CTAs, navigation links.
- [Career Page 3 by @initium](https://shadcn.exchange/r/initium/career-page-3): Career page example section 3 with customer quotes, key metrics, site links and legal, primary and secondary CTAs, navigation links.
- [Career Page 2 by @initium](https://shadcn.exchange/r/initium/career-page-2): Career page example section 2 with key metrics, site links and legal, primary and secondary CTAs, navigation links.
- [Career Section 3 by @initium](https://shadcn.exchange/r/initium/career-section-3): Career sections section 3 with accordion FAQ, select inputs, centered content, background contrast section, rounded visuals.
- [Career Section 4 by @initium](https://shadcn.exchange/r/initium/career-section-4): Career sections section 4 with comparison table, background contrast section.
- [Career Section 1 by @initium](https://shadcn.exchange/r/initium/career-section-1): Career sections section 1 with tabbed content, centered content, background contrast section, rounded visuals.
- [Career Section 2 by @initium](https://shadcn.exchange/r/initium/career-section-2): Career sections section 2 with centered content, background contrast section, rounded visuals.
- [Careers 1 – Job list with metadata by @shadcncraft](https://shadcn.exchange/r/shadcncraft/careers-1): A simple vertical job list focused on clarity and scannability. Uses a single-column layout with clear role titles and lightweight metadata like location, work type, and salary. Designed to help users quickly compare openings and jump into…
- [Careers Perks by @blockforge](https://shadcn.exchange/r/blockforge/careers-perks): The deal in writing: six policies, hairline grid.
- [Careers 3 – Card grid job listings by @shadcncraft](https://shadcn.exchange/r/shadcncraft/careers-3): A multi-column grid of role cards with consistent metadata and actions. Designed for scanning and comparison across roles, with equal visual weight and clear hierarchy. Works well for larger job sets where breadth matters more than storyte…
- [Job Timeline 1 – Role, team and contract history by @shadcncraft](https://shadcn.exchange/r/shadcncraft/job-timeline-1): A job history card: tenure, roles held and managers, then a timeline of promotions, pay, manager, team and contract changes with who made each change, when, and a category badge. Includes loading, empty and error states. Adapt it for accou…
- [Careers 5 – Split intro with stacked listings by @shadcncraft](https://shadcn.exchange/r/shadcncraft/careers-5): A careers layout with a left-aligned intro and a dense, stacked job list alongside it. Prioritizes fast scanning of roles over storytelling. Best for teams with multiple open positions where clarity and comparison matter more than brand im…
- [Careers 4 – Feature image with list by @shadcncraft](https://shadcn.exchange/r/shadcncraft/careers-4): A careers layout anchored by a large lifestyle image, followed by a clean vertical job list. Uses imagery to set culture and tone first, then supports focused role scanning. Best when you want to sell the team and environment before the op…
- [Careers 2 – Job list with media lead by @shadcncraft](https://shadcn.exchange/r/shadcncraft/careers-2): A split layout that pairs a job list with a large supporting image. Uses the image to set tone and culture, while keeping roles and metadata clean and easy to scan alongside it. Suitable for careers landing pages where brand and roles need…
- [Office Locations Grid by @beste-ui](https://shadcn.exchange/r/beste-ui/careers13): Global office locations grid with city photos, team size, and role taglines. Showcases company presence worldwide.
- [Careers 11 - Featured opening with supporting roles by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/careers11): Careers section that leads with one large featured role card, then a two-column grid of compact supporting listings.
- [Diversity & Inclusion by @beste-ui](https://shadcn.exchange/r/beste-ui/careers20): Diversity and inclusion section with representation stats and initiative cards. Showcases company commitment to equity and belonging.
- [Careers 12 - Department tabs over a job card grid by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/careers12): Careers listings with department tabs that filter a three-column card grid without collapsing the section height.
- [Benefits And Honest Omissions by @beste-ui](https://shadcn.exchange/r/beste-ui/careers54): A working-here section pairing a six-item icon benefits grid and a captioned full-bleed photograph with two closing cards that set what you get against what the company deliberately does not offer.
- [Company Benefits 4 - Employer scores above a workplace photo by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/company-benefits4): A company benefits section that leads with large LinkedIn and Glassdoor scores, then a quote, a wide photograph, and three perks.
- [Career Growth Ladder by @beste-ui](https://shadcn.exchange/r/beste-ui/careers12): Career progression path with level indicators, role descriptions, and key skills. Shows growth framework from junior to principal level.
- [Careers 7 - Grouped careers listings with row actions by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/careers7): Careers section with an intro, category subheads, and rows for role title, location, and an outline button linking to each listing.
- [Benefits & Perks by @beste-ui](https://shadcn.exchange/r/beste-ui/careers41): Studio benefits grid with an accent highlight and icon cards.
- [Careers 10 - Sticky culture column with job rows by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/careers10): Two-column careers section with a sticky benefits intro beside a muted box of divided role rows, department badges, locations, and view-role actions.
- [Salary Bands Table by @beste-ui](https://shadcn.exchange/r/beste-ui/careers35): Transparent salary bands with level, role, visual range bars, and equity details. Pay transparency table with responsive card fallback.
- [Careers Intro 2 - Company intro beside reasons by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/careers-intro2): A careers intro with the hiring pitch in one column and three stacked reasons in the other.
- [Department-Grouped Positions by @beste-ui](https://shadcn.exchange/r/beste-ui/careers3): Department-grouped job listings with minimal row layout. Jobs organized by team with location and type indicators.
- [Careers Intro 3 - Centered company intro over a photograph by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/careers-intro3): A centered careers intro with a heading, one paragraph, a link, and a wide workplace photograph with three reasons beneath it.
- [HR Job Posting Detail by @beste-ui](https://shadcn.exchange/r/beste-ui/careers33): Formal HR job posting with responsibilities, qualifications, benefits, and sidebar summary. Corporate-style position detail page with apply CTA.
- [Careers 16 - Openings Grouped By Category by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/careers16): A careers section with a featured role under a wide photograph, then team groups that each sit on a background photograph from that room.
- [Culture Stats with Positions by @beste-ui](https://shadcn.exchange/r/beste-ui/careers7): Team culture stats bar followed by detailed job position cards. Combines social proof with open roles listing.
- [Careers 6 - Careers page with stats header and job cards by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/careers6): A careers block with centered hero copy, quick stats row, and detailed job cards listing department, location, schedule, compensation, experience, and apply actions.
- [Studio Culture by @beste-ui](https://shadcn.exchange/r/beste-ui/careers42): Culture statement and tenets beside a three-image studio-life collage.
- [Company Benefits 2 - Employer scores beside a workplace photo by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/company-benefits2): A company benefits section with four employer scores, one workplace photograph, and four perks. No coworker quote.
- [Work Perks Bento Grid by @beste-ui](https://shadcn.exchange/r/beste-ui/careers38): Bento-style grid of work perks with featured image card and icon cards. Mixed layout showcasing PTO, wellness, equipment, and team events.
- [Careers Intro 4 - Company intro beside a photo slider by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/careers-intro4): A careers intro with the hiring pitch beside a sliding set of workplace photographs and three icon reasons underneath.
- [Employee Testimonials by @beste-ui](https://shadcn.exchange/r/beste-ui/careers16): Employee testimonial cards with quotes, avatars, and roles. Social proof grid showcasing team member experiences and company culture.
- [Careers 14 - Banner Opening With Category Photos by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/careers14): A careers section with a featured role over a full photograph, then listings that each show a photograph from their team.
- [Open Roles by @beste-ui](https://shadcn.exchange/r/beste-ui/careers40): A studio jobs list with role meta, salary and apply arrows.
- [Careers 13 - Split Featured Opening by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/careers13): A careers section with one featured role beside a tall workplace photograph, then a two-column grid of shorter listings.
- [Day in the Life Timeline by @beste-ui](https://shadcn.exchange/r/beste-ui/careers15): A typical workday timeline with time stamps, activity icons, and descriptions. Shows candidates what daily life looks like at the company.
- [Careers 15 - Listings With Location Photos by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/careers15): A careers section with a featured role beside an office photograph, then a list where each opening shows a photograph of its city.
- [Culture & Values by @beste-ui](https://shadcn.exchange/r/beste-ui/careers11): Company values grid with icon cards and employee testimonial quote. Showcases team culture and work philosophy.
- [Careers 8 - Filterable open positions by department by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/careers8): Department select filters a list of categories; each block shows a large category title and a responsive grid of cards with role name, location, and link target.
- [Hiring Process In Full by @beste-ui](https://shadcn.exchange/r/beste-ui/careers53): An interview process published as numbered hairline stages carrying length, who you meet, and an accent chip where the work is paid, closing on a soft promises panel beside a live card for the person who runs it.
- [Careers 9 - Careers openings grid with general application link by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/careers9): Gradient-backed section with centered intro, separator-divided rows of department badge, role, location, trailing arrow, and footer copy linking to unsolicited applications.
- [Employee Referral Program by @beste-ui](https://shadcn.exchange/r/beste-ui/careers23): Referral program section with step-by-step process, bonus highlight card, and submit CTA. Encourages employee referrals.
- [Careers 3 - Categorized job openings with badges by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/careers3): A careers block that prints category badges, then stacked job links with titles, one-line descriptions, map-prefixed locations, and trailing arrows.
- [Job Alerts Signup by @beste-ui](https://shadcn.exchange/r/beste-ui/careers37): Email subscription form for job alerts with trust indicators. Captures candidate interest for future openings with clean card layout.
- [Careers 5 - Centered careers title with full-width job stack by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/careers5): A careers section with a centered title, one supporting sentence, and a container-width list of roles showing title link, description, location, and salary.
- [Benefits Breakdown by @beste-ui](https://shadcn.exchange/r/beste-ui/careers49): Categorized studio benefits with checklists per category.
- [Company Benefits 3 - Two photos beside stacked perks by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/company-benefits3): A company benefits section with two workplace photographs beside three stacked perks, a coworker quote, and employer scores.
- [Single Role Detail by @beste-ui](https://shadcn.exchange/r/beste-ui/careers52): A job description laid out as a reading column with checked responsibility lists and a candid caveat panel, against a sticky rail carrying the published salary band, level, and location alongside the apply action.
- [Careers 2 - Job openings grid with dashed frame by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/careers2): A careers band with outline badge, title, fallback hiring note, and rows of jobs showing type, city, remote label, and an apply button on a dashed grid background.
- [Hiring Process Timeline by @beste-ui](https://shadcn.exchange/r/beste-ui/careers10): Step-by-step hiring process timeline with numbered stages. Shows candidates the interview journey from application to onboarding.
- [Team Events Gallery by @beste-ui](https://shadcn.exchange/r/beste-ui/careers29): Photo gallery of company events, offsites, and team activities in masonry layout. Visual showcase of team culture and community.
- [Department Overview Grid by @beste-ui](https://shadcn.exchange/r/beste-ui/careers18): Department cards with team lead, headcount, open roles badge, and links. Helps candidates explore teams before applying.
- [Tab-Filtered Job Board by @beste-ui](https://shadcn.exchange/r/beste-ui/careers6): Tabbed job board with department filters using shadcn Tabs component. Browse positions by team with location and type details.
- [Job Openings Grid by @beste-ui](https://shadcn.exchange/r/beste-ui/careers2): Job openings grid with department badges, location tags, and apply buttons. Card-based layout for career pages.
- [Fourth Chair Roles by @beste-ui](https://shadcn.exchange/r/beste-ui/careers58): A careers section: a serif heading that settles in word by word, an intro, a pill action and a photograph drifting inside its frame on the left, beside ruled open roles with serif titles and small-caps type and place that lift an arrow on…

For the rest, page through `https://shadcn.exchange/api/catalog?kind=blocks&category=careers&price=paid`.

## Registries with the most careers page blocks

- [@beste-ui](https://shadcn.exchange/r/beste-ui): 57 blocks, 1 free and 56 paid
- [@shadcnblocks](https://shadcn.exchange/r/shadcnblocks): 24 blocks, 4 free and 20 paid
- [@shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks): 12 blocks, all free
- [@initium](https://shadcn.exchange/r/initium): 7 blocks, all paid
- [@shadcncraft](https://shadcn.exchange/r/shadcncraft): 6 blocks, all paid
- [@7ovr](https://shadcn.exchange/r/7ovr): 4 blocks, all free
- [@blockforge](https://shadcn.exchange/r/blockforge): 2 blocks, 1 free and 1 paid
- [@hirael](https://shadcn.exchange/r/hirael): 2 blocks, all free
- [@ballmac](https://shadcn.exchange/r/ballmac): 1 block, free
- [@formscn](https://shadcn.exchange/r/formscn): 1 block, free
- [@keyframeui](https://shadcn.exchange/r/keyframeui): 1 block, free
- [@uploadcn](https://shadcn.exchange/r/uploadcn): 1 block, free