Job post reply

Job post reply is a Cards block from Orvain UI, built for React and Vue with a matching Figma frame.

Best for

Hiring feeds where the answer happens in the card

Anatomy

A discipline icon square, company and a Save pill · headline and description · terms as an icon line and skills as dot tags · the poster with their reply time beside the rate · Contact grows into a composer (quick replies, a live count, ⌘↵ sends, Esc folds it back) and settles into a confirmation with Undo

MCPConnect the MCP server

Northwind

Product design · 4 min ago

Looking for a creative UI/UX designer to build our app

Remote, four days a week, alongside two engineers who ship every Thursday. You would own the design system end to end.

  • Remote
  • 4 days a week
  • 6-week contract
  • UI/UX
  • User interface
  • Product design
  • Interaction

Ethan Cole

Replies in about 2 h

$200/hr

In the Orvain Library

Get Job post reply for your product

The block’s code in React and Vue, its frame in the Figma file, and the Orvain MCP so your AI tools build with it. Part of every Library plan, alongside every other block.

  • React
  • Vue
  • Figma frame
  • Orvain MCP

About this block

Part of Cards

What’s inside

05parts

The pieces it is built from. Keep them all, or drop the ones your product doesn’t need.

  1. A discipline icon squarecompany and a Save pill
  2. Headline and description
  3. Terms as an icon line and skills as dot tags
  4. The posterwith their reply time beside the rate
  5. Contact grows into a composer(quick replies, a live count, ⌘↵ sends, Esc folds it back) and settles into a confirmation with Undo

Responsive behaviour

440 px

Drawn at this width and never stretched past it. Below it, controls, text and spacing step down from the box the block sits in, not the window.

1440pxDesktop · 12 columns

When to use it

Where Cards earns its place

Reach for Cards

  • A grid of listings people compare before picking one to open
  • Entries carrying a photo and a few unlike stats: price, rating, distance
  • A record that has to stand alone on a phone: a pass, a profile, a ticket
  • When the action belongs to the item rather than the page: Contact, Reserve, View details

Reach for something else

  • Rows of identical fields people want to sort and compare: use a table
  • The full detail of one record: give it a page, not a card with a scrollbar inside it
  • Section navigation: a list with leading icons carries it more quietly than a grid of boxes

Accessibility

06to keep

What the block ships with. Hold on to these as you make it yours.

  • Named controlsEvery icon-only button keeps a text label, so a screen reader can say what it does.
  • Keyboard firstEvery control is reachable with Tab, and its focus ring stays visible.
  • More than colourA state never rides on colour alone; a mark or a word goes with it.
  • Contrast holdsRetheme freely, but keep text at or above the contrast it ships with.
  • Calm motionFor visitors who ask for reduced motion, things simply appear.
  • Room to hitTargets stay at least 24px, with space between neighbours.

Notes for AI

1 line

Is all your assistant needs. With the Orvain MCP connected, it builds the block from your own tokens and components.

Add the Orvain “Job post reply” block to this page: a discipline icon square, company and a Save pill, headline and description, terms as an icon line and skills as dot tags, the poster with their reply time beside the rate, Contact grows into a composer (quick replies, a live count, ⌘↵ sends, Esc folds it back) and settles into a confirmation with Undo.

Works in
Connect the MCP

Questions about Job post reply.

What is the Job post reply block?

Job post reply is a Cards block from Orvain UI, built for React and Vue with a matching Figma frame. Best for hiring feeds where the answer happens in the card.

What is the Job post reply block made of?

Is the Job post reply block responsive?

Is the Job post reply block accessible?

How do I add the Job post reply block to my project?

When should I not use a Cards block?

More Cards blocks

All Cards

Job post

Freelance boards, hiring feeds: a listing with a rate and a Contact menu

Job post rates

Contracts where the rate and the weeks it buys decide the reply

Vacation

Stay bookings: a full-bleed hero photo with the price that explains itself

Vacation, promoted

Featured stays: the same photo card, a Details button that turns it over

Profile stats

Insurance and account profiles: an identity card with five fields and a QR code

Profile wallet card

Insurance and membership cards you show at a counter

Profile coverage

Policies and subscriptions where time left is the point

Apartment listing

Rental catalogues: a tall photo, the rent beside the title, no footer to spare

Apartment gallery

Rentals where the rooms sell the flat: the photo is a gallery you scrub

Apartment for sale

Real-estate listings: a price-led card with a byline and two actions

Apartment estimate

Real-estate listings that show what owning costs each month

Recipe

Cooking and food apps: a dish card with time, servings and level

Recipe servings

Cooking apps where the recipe adapts: servings scale every quantity

Flight info

Boarding passes, travel apps: a route with boarding details and check-in

Boarding pass

Check-in flows: pick a seat and the card prints a boarding pass

Flight live

Flight tracking: the countdown is the card

The Orvain Dispatch

Premium components, free in your inbox.

Join the Orvain Dispatch and get production-ready components, free to keep: React and Vue code plus the Figma frame, yours to ship.

Just components, never spam. You can unsubscribe anytime.