# Best logo blocks 2026: 74 verified sections

74 logo cloud sections from 5 registries: 76 files, 176 registry dependencies and a layout shift no preview reveals. With the rule for choosing a grid or a marquee.

> Page: https://ui.eneawork.it/blog/migliori-logo-blocks-2026
> Markdown: https://ui.eneawork.it/blog/migliori-logo-blocks-2026.md

*2026-11-01*

Una sezione logo è una prova sociale: dice che qualcuno si fida di te prima che il visitatore legga una testimonianza. Il catalogo ne conta 74 da 5 registry, misurate il 1 novembre 2026, e quasi tutte sono varianti di logo cloud, cioè la fascia di marchi subito sotto la hero.

Quello che si rompe non è il disegno: è il caricamento. Quaranta loghi in PNG, ognuno senza width e height, producono uno spostamento cumulativo che spinge in basso tutto il contenuto; un marquee che scorre senza pausa rende impossibile leggere i nomi e non si ferma per chi ha impostato la riduzione del movimento; un filtro in scala di grigi applicato a un logo già scuro lo fa sparire in tema scuro.

## Perché una logo cloud sposta la pagina

Il layout shift nasce quando il browser non conosce le proporzioni dell’immagine: riserva zero altezza, disegna il testo sotto e poi sposta tutto quando il file arriva. Con sei loghi il difetto è invisibile su una connessione veloce; con quindici su 4G diventa un salto visibile e un punteggio CLS compromesso. La correzione non è nel blocco: è dichiarare width e height, oppure usare un SVG inline che occupa spazio dal primo render.

## 76 file e 176 registry dependency

I 74 blocchi sommano 76 file, cioè 1,0 per sezione, con 16 sezioni multi-file. Le dipendenze npm sono soltanto 5 in tutta la categoria, mentre le registry dependency arrivano a 176, cioè 2,4 per blocco: il peso non è nei pacchetti, è nei componenti shadcn che il blocco richiede per far scorrere la fascia, gestire gli hover o ritagliare i loghi su mobile. Un blocco che chiede marquee, card e tooltip porta tre componenti per mostrare sei immagini.

Conteggio del 1 novembre 2026 sui manifest di data/blocks.json: categoria dichiarata o dedotta dal titolo, file elencati, dipendenze npm e registry dependency. Il comando riproducibile è quello qui sotto.

## La tabella, ordinata per file

Quasi tutte le righe si chiamano Logo Cloud e vengono da elements: la tabella misura quante variazioni dello stesso schema esistono, non quante idee diverse. Le righe di Shadcn UI Blocks hanno nomi numerati e sono più utili per confrontare il numero di loghi gestiti, perché la variante è dichiarata nel titolo.

## Cosa guardare in una logo cloud

Apri la preview con il tema scuro e conta quanti loghi restano leggibili: se il blocco applica opacity o un filtro grigio, i marchi con poco contrasto spariscono. Poi rallenta la rete e guarda se la fascia salta mentre carica. Infine riduci il movimento nelle preferenze di sistema: un marquee che continua a scorrere è un difetto di accessibilità, non una scelta di stile.

curl "https://ui.eneawork.it/api/blocks/category/logo?limit=10"

Le 74 righe dichiarano “see source” e il catalogo non può dire altro. Attenzione ai marchi: la licenza del blocco copre il codice, non i loghi di esempio, che restano di chi li ha disegnati e non vanno lasciati in produzione.

## Il limite: sono logo cloud, non loghi

La categoria si chiama logo ma contiene sezioni che mostrano loghi altrui: non troverai qui un file di marchio, una guida al ridisegno o un componente per il logo del sito. Quarantanove righe su 74 arrivano da un solo publisher, quindi la varietà è molto inferiore al numero, e il raggruppamento nasce dal titolo “logo cloud”, non da un campo del manifest.

## Regola di decisione

Fino a otto loghi prendi una griglia statica: costa meno, non richiede JavaScript e non nasconde nomi. Oltre i dodici, un marquee ha senso, ma solo con pausa al passaggio del mouse, stop da tastiera e rispetto di prefers-reduced-motion. L’alternativa è costruirla con una griglia e SVG inline: sei immagini, un flex-wrap e un gap, e ottieni lo stesso effetto senza le registry dependency. Il blocco conviene quando porta varianti di ritaglio su mobile che non vuoi riscrivere.

Le sezioni stanno su /blocks/category/logo, l’inventario su /blocks, e Logo Cloud 15 ha la scheda qui. Per le immagini leggi immagini responsive con srcset, per evitare i salti aspect-ratio sulle immagini, e per il confronto tra cataloghi a copia-incolla i migliori siti di componenti da copiare.

## FAQ

### Quanti logo blocks ci sono nel catalogo?

74 sezioni da 5 registry, misurate il 1 novembre 2026. Sono quasi tutte logo cloud, cioè fasce di marchi, non file di logo da scaricare.

### Perché i loghi spostano il layout della pagina?

Perché senza width e height il browser riserva zero spazio e sposta il contenuto quando l'immagine arriva. Con molti loghi il salto diventa visibile e peggiora il CLS.

### Meglio griglia statica o marquee per i loghi?

Fino a otto loghi la griglia statica è più leggera e leggibile. Il marquee serve oltre i dodici, ma deve fermarsi al passaggio del mouse e rispettare la riduzione del movimento.

### Quante dipendenze porta una logo cloud?

Le dipendenze npm sono cinque in tutta la categoria, mentre le registry dependency sono 176 su 74 blocchi. Il peso sta nei componenti shadcn richiesti, non nei pacchetti.

### Posso usare i loghi di esempio di un blocco?

No. La licenza del blocco copre il codice, non i marchi mostrati: quei loghi restano di chi li ha disegnati e vanno sostituiti prima di pubblicare.