# React UI blocks

_Box Kite 2.2.4 · a markdown copy of https://www.box-kite.dev/blocks/_

Finished sections to copy into your own app, each one drawn in light and dark, with the whole source on its page.

A block is a composition of the components, not a component: the part of a page that is always half yours. Each one installs with `npx shadcn add` as files you then edit — [the shadcn registry page](https://www.box-kite.dev/registry.md) has the setup.

[React invoice data grid A virtualized invoice table with search, column filters, grouping, totals, an editable amount, copy and paste, and CSV/XLSX export. See it, and the code](https://www.box-kite.dev/blocks/react-invoice-data-grid.md)[React settings form A settings panel of real form controls: text fields, a searchable select, a radio group, a slider and a switch, read on submit with no state. See it, and the code](https://www.box-kite.dev/blocks/react-settings-form.md)[React admin dashboard layout The frame an admin app hangs off: a sidebar, a header with search, a theme toggle and an account menu, and a row of stat tiles. See it, and the code](https://www.box-kite.dev/blocks/react-admin-dashboard-layout.md)

---

_Every page: https://www.box-kite.dev/llms.txt · every prop, measured: https://www.box-kite.dev/props.md_