React UI 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 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
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
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