Orvain UI

Contact directory, pipeline

Records that move between stages: where a relationship stands, and changing it in place.

Get Pro to installPro21 blocksReact, Vue and Figma
MCPConnect the MCP server

Contacts

8 companies in three stages

Select all8 shown
Stage
Actions
Active4
LinearIssue tracking
Sam Riverasam@linear.app
Co-founderAug 2022 – 2024
Master termsPDF · 1.8 MB
NotionDocs and wiki
Ana Ruizana@notion.so
Head of designJan 2021 – 2024
Service orderDOC · 820 KB
AirbnbTravel booking
Jordan Leejordan@airbnb.com
PartnershipsFeb 2024 – 2026
Co-brand kitPSD · 2.4 MB
StripePayments
Sarah Kimsarah@stripe.com
FinanceMay 2022 – 2025
Billing addendumPDF · 640 KB
Pending2
FigmaDesign tools
Milan Novakmilan@figma.com
EngineeringMar 2023 – 2025
RenewalPDF · 412 KB
VercelHosting
Shima Rahimishima@vercel.com
PlatformOct 2024 – 2026
Pilot scopeDOC · 1.1 MB
Inactive2
AsanaProject planning
Ava Chenava@asana.com
OperationsSep 2020 – 2024
NDATXT · 96 KB
DropboxFile storage
Tom Reyestom@dropbox.com
IT and securityJun 2021 – 2023
Data processingXLS · 210 KB

More in Tables#

Contact directory

A record per company or person: a logo, who to talk to, and where the relationship stands

Contact directory, peek

Working down a list of records while the one you are on stays open beside it

Contact directory, pipeline

Records that move between stages: where a relationship stands, and changing it in place

Project tracker

Work in flight: who is on it, when it is due and how far along it is

Project tracker, peek

Work where the next question is which milestones are left, without leaving the list

Project tracker, to scale

Seeing what overlaps, what is late and what is nearly done at a glance

File manager

Documents with an owner and a switch: sharing that takes effect the moment it is flipped

File manager, peek

Looking at a file without leaving the list: sharing, who has access and its history beside it

File manager, drop to upload

Adding files by dropping them on the list, with progress you can see and cancel

Media library

Audio assets carrying tags and a score: publish a track, rate it, or find it by a tag

Media library, peek

Listening to a track and tidying it in one place, without leaving the list

Media library, now playing

Auditioning tracks down a list, one at a time, without losing your place

Compact rows

A table that gets scanned rather than read, where every control on it works

Compact rows, no chrome

A list you only scan: pure text at rest, with controls only where you are

Compact rows, to-do

Records with gaps, where filling the blanks is the work

Holdings table

Positions that are read for what moved: every figure signed, aligned and summed

Holdings table, one switch

Reading the same positions over a day, a week, a month or a year without leaving the table

Holdings table, weight strip

Seeing how the portfolio is divided, and what each slice is made of

Cohort retention

Retention and any triangle of a cohort against time

Cohort retention, curves

Retention where the shape of the decay matters as much as the cells

Cohort retention, versus average

Spotting which cohorts beat or trail the usual, not just how many stayed

When to use#

  • Records get compared against each other across the same handful of fields: owner, status, date.
  • Someone needs to sort by a column and act on a row without opening the record first.
  • Rows are selected in bulk and one action is applied to all of them at once.
  • A cell holds one piece of interactive content (a switch, a rating, a menu) that belongs to that record alone.

The whole set, with its codePro

Pro opens the Code tab on every block here, in React and Vue, plus the Figma file and the MCP server for your editor.

Open in BlocksSee plans