Blocks

preblocks blocks: 12 sezioni con preview

Tutti i 12 blocchi pubblicati da preblocks, con categorie, file e licenza. La tabella mostra le sezioni con più file e il link all’anteprima.

In sintesi

  • 12 blocchi in coppie, pensati per completare una landing.
  • Una sola dipendenza npm e sette primitive shadcn.
  • Licenza MIT, ma nessuna hero nel catalogo.

preblocks pubblica 12 blocchi in 12 file, organizzati in coppie: due blog, due CTA, due FAQ, due footer, due pricing, più login e statistic card. È un catalogo pensato per completare una pagina di marketing.

I blocchi con più file

BloccoRegistryFileCategoria
Simple Blog Gridpreblocks1blog
Blog Card Sectionpreblocks1blog
Centered Accordionpreblocks1call to action
Subscribe Sectionpreblocks1call to action
Centered Accordionpreblocks1faq section
Accordion with Grouppreblocks1faq section
Minimal Footerpreblocks1footer
Footer With System Statuspreblocks1footer

Cosa contiene questa fonte

  • Repository: preblocks/ui
  • Sito: https://preblocks.com
  • Licenza: MIT (file LICENSE del repository preblocks/ui)
  • Categorie: derivate dal manifest del publisher, non inventate.

Quando conviene usarla

Conviene se ti manca una sezione specifica e vuoi due alternative da confrontare: ogni categoria ha una variante sobria e una più espressiva. Non conviene se cerchi un sistema completo: dodici blocchi non coprono un prodotto.

Dodici sezioni per una pagina di marketing

La struttura a coppie è il punto di forza. Blog 1 e Blog 2, CTA 1 e CTA 2, Pricing 1 e Pricing 2: apri due preview e scegli in base al tono, non al contenuto. Con dodici blocchi copri quasi tutte le sezioni di una landing, tranne la hero.

Le dipendenze sono quasi assenti: solo @tabler/icons-react, più card, button, input, accordion, field, badge e tabs dal registry shadcn. Un blocco preblocks si installa in pochi secondi e non impone un framework di styling.

Il limite è la profondità. Due blocchi si chiamano Centered Accordion e vivono in categorie diverse, call to action e faq section: stesso titolo, stesso schema, contesto differente. Senza guardare la categoria rischi di installare il duplicato sbagliato.

curl "https://ui.eneawork.it/api/blocks?source=preblocks-ui&limit=8"

Tre esempi dalla tabella: Simple Blog Grid, Blog Card Section, Centered Accordion; l'inventario completo è su /blocks. Per il metodo di conteggio leggi come nasce il catalogo dei blocchi, per il confronto tra copiare e comporre l'economia delle sezioni e per le hero la guida alle hero shadcn.

Domande frequenti

Quanti blocchi ha preblocks?

Dodici blocchi in dodici file, misurati il 1 novembre 2026: due blog, due CTA, due FAQ, due footer e due pricing, più login e statistic card.

Che licenza ha preblocks?

MIT nel repository preblocks/ui. Il catalogo riporta see source, quindi la conferma è il file LICENSE del repository.

Quali dipendenze servono?

Solo @tabler/icons-react, più sette primitive shadcn tra card, button, input, accordion, field, badge e tabs.

Perché due blocchi hanno lo stesso titolo?

Centered Accordion compare in call to action e in faq section. Stesso schema, contesto diverso: la categoria è l'unico modo per distinguerli.

C'è una hero nel catalogo?

No. I dodici blocchi coprono blog, CTA, FAQ, footer, pricing, login e statistic card, ma non la sezione di apertura.