Orvain UI

Compact rows, to-do

Records with gaps, where filling the blanks is the work.

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

Projects

Every project needs an owner and a deadline, or a decision that it has none.

5 of 8 complete
Description
Status
Docs migration
Handbooks in one tree
Complete
Mobile checkout
Two taps to pay
Complete
Spotify redesign
App UX and rebrand
Complete
Support inbox
One queue for support
Complete
Quarterly planning
Roadmap and budget
Owner missing
Billing rebuild
Invoices and ledger
Complete
Partner portal
Self-serve for resellers
Owner missing
Design tokens
One palette and scale
Date missing

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