Orvain UI

Tables

A table block is a record set laid out in rows and columns so it can be scanned before any of it is read: a sortable header, one leading cell per row that the record is known by, and a single action column at the end.

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

Contacts

8 companies · 2 pending renewal

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

Every block in the set#

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