Skip to content

Vue 3 · Reka UI · one token set

The components a product is built from.

Controls, tables, filters and overlays that agree with each other — typed against your data, and already running on this page.

Workspace

Users

70 people with access to this workspace.

Users
EmailStatusLast active
Ada Lovelaceada.lovelace@example.comOwneractive12 minutes ago
Adele Goldbergadele.goldberg@example.comAdminactive232 days ago
Alan Kayalan.kay@example.comMemberactive7last week
Alan Turingalan.turing@example.comMemberactive151 hour ago
Anders Hejlsberganders.hejlsberg@example.comMemberactive152 minutes ago
Andrea Goldsmithandrea.goldsmith@example.comMemberactive12 days ago
Anita Borganita.borg@example.comAdminactive113 weeks ago
Barbara Liskovbarbara.liskov@example.comMemberactive223 hours ago
Bjarne Stroustrupbjarne.stroustrup@example.comMemberactive4last week
Bonnie Bergerbonnie.berger@example.comAdminactive103 hours ago

2 selected

1–10 of 70

  1. 01Typed against the row.key is keyof TRow. A renamed field is a compile error, not a column of blanks.
  2. 02Keyboard from Reka UI.Focus traps, scroll lock, and the models from the primitives. axe fails the build.
  3. 03One token package.Colour, space, radius, and layer. This page is styled from the same package.

Install ​

bash
pnpm add rowkit
css
@import 'tailwindcss';
@import 'rowkit/styles';

Both lines are required, and that second one is the step people miss — see installation for why, and for the Nuxt path.

v0.4.0 is on npm. Every component above is built, tested and published — you are looking at them running. The API is stabilising toward v1.0, so breaking changes are still possible until then.

Where this is going ​

A professional toolkit: the components a product interface is built from. Tables, filters and the states around them are part of that set — the part already on this page — not the boundary of it. What comes next is in the roadmap. It is a plan, not a build in progress.

MIT licensed. v0.x — the API is stabilising toward v1.0.