Create Record Form
A full-page create form with a guidance rail and a Save-and-create-another that keeps the shared fields - the shape a record with more than six fields actually needs.
All blocksProduct
CRUD
12 blocks in this category, each rendered live below. Open any of them for the full source and a copy button.
A block is one finished section of a page — a pricing table, a hero, a footer.
Create Record Modal
Three fields over the list they add to, with the new row appearing behind the dialog rather than after it closes.
Create Record Drawer
A long create form in a side drawer: the fields scroll, the header and the action bar do not, and the list stays legible beside it.
Record Detail Page
The read view arranged by what a reader came for - a verdict band of four facts, then details, then the related records a field dump can never show.
Record Quick Look
The verification modal from a table row: copyable identifiers, no editing, nothing scrolling, and the row still marked behind it.
Edit Record Form
An edit page that shows the diff - per-field change markers carrying the previous value, a per-field revert, and a Save button that counts what it will write.
Edit Record Modal
The edit modal including the parts nobody draws: the in-flight state, the rejected save that keeps your typing, and the conflict when someone else got there first.
Field-Level Edit Drawer
The save-on-blur model, with per-field confirmation, per-field failure and a written-in-this-session log - the only honest answer to what did I just change.
Cascade Delete Dialog
Deleting a record other records depend on: dependents counted and grouped by fate - deleted, orphaned, retained - with a guard that scales to the blast radius.
Record Created State
The screen after the write: the reference copyable, next actions ranked rather than listed, and an undo window that counts down honestly and then says why it is gone.
Bulk Edit Drawer
One change applied to many records that disagree - mixed values shown as mixed, untouched fields never written, and skipped rows counted before you commit.
Archive and Restore
The bin with the clock on it: days until purge per row, who archived it, and a restore disabled with a reason when the parent has already gone.