rowkit
Components for data-dense interfaces
Vue 3 tables, filters, and the states around them — built on Reka UI, typed against your row.
Workspace
Users
70 people with access to this workspace.
70 results
| Status | Last active | |||||
|---|---|---|---|---|---|---|
| Ada Lovelace | ada.lovelace@example.com | Owner | active | 1 | 2 minutes ago | |
| Adele Goldberg | adele.goldberg@example.com | Admin | active | 23 | 2 days ago | |
| Alan Kay | alan.kay@example.com | Member | active | 7 | last week | |
| Alan Turing | alan.turing@example.com | Member | active | 15 | 1 hour ago | |
| Anders Hejlsberg | anders.hejlsberg@example.com | Member | active | 15 | 2 minutes ago | |
| Andrea Goldsmith | andrea.goldsmith@example.com | Member | active | 1 | 2 days ago | |
| Anita Borg | anita.borg@example.com | Admin | active | 11 | 3 weeks ago | |
| Barbara Liskov | barbara.liskov@example.com | Member | active | 22 | 3 hours ago | |
| Bjarne Stroustrup | bjarne.stroustrup@example.com | Member | active | 4 | last week | |
| Bonnie Berger | bonnie.berger@example.com | Admin | active | 10 | 3 hours ago |
2 selected
1–10 of 70
- Columns typed against your row.
keyiskeyof TRow— a renamed field is a compile error, not a column of blanks. - Built on Reka UI. Focus traps, scroll lock, and keyboard models from the primitives. axe is a build gate, not a panel.
- Token-first theming. Colour, space, radius, and layer — every value is a token. This site is styled from the same package.
Install
pnpm add rowkit@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.3.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.
What this is not
A general-purpose UI kit. If you need forty components covering every case, Nuxt UI and shadcn-vue are better answers, and rowkit composes with either.
rowkit aims at the part those kits leave you: the fast sortable table, and the loading, empty and filtered states that have to agree with each other. The scope is a decision, not a limitation — what ships next, and what stays out on purpose, is in the roadmap.