Integration 23 block design & features
Integration23 is a dense logo grid built with Shadcn UI Button, Dialog, and Checkbox. A heading and short paragraph introduce twelve logos in a single rounded shell with an outer border and one-pixel gutters rather than separate card borders. Clicking a cell opens a dialog with that tool's logo, OAuth scope checkboxes shown as code for read:records, write:records, and read:webhooks (the first checked by default), and cancel or connect actions.
Logos are slightly faded until hover. Density is high compared with padded logo cards. The outer border keeps the panel readable on a plain background. The dialog is a single column with a small bordered logo tile above the title. After connecting, the dialog can disconnect.
This is a compact logo cloud with a working connect form. Complexity is low to moderate and mixed: image-driven logos plus a connect dialog for each cell.
On small screens the grid is three columns, then four. The dialog stays a single column.