Blocks
bagUi blocks: 47 sezioni con preview
Tutti i 47 blocchi pubblicati da bagUi, con categorie, file e licenza. La tabella mostra le sezioni con più file e il link all’anteprima.
In sintesi
- 47 blocchi in 47 file: nessun componente condiviso, ogni sezione è autonoma.
- Solo motion/react e lucide-react come dipendenze npm.
- Quattro dashboard per settore e due varianti di contatto quasi identiche.
bagUi pubblica 47 blocchi in 47 file: una sezione per blocco, senza componenti condivisi. Il catalogo è quasi tutto dashboard e pagine di contatto, con due sole dipendenze npm.
I blocchi con più file
| Blocco | Registry | File | Categoria |
|---|---|---|---|
| Dashboard Chat App | bagUi | 1 | dashboard |
| Contact Exemple 1 | bagUi | 1 | contact |
| Contact Exemple 2 | bagUi | 1 | contact |
| CTA Exemple 1 | bagUi | 1 | cta |
| CTA Exemple 2 | bagUi | 1 | cta |
| Modern Ads Dashboard | bagUi | 1 | ads |
| Modern Agency Dashboard | bagUi | 1 | agency |
| Modern Analytics Dashboard | bagUi | 1 | analytics |
Cosa contiene questa fonte
- Repository: anelkabag/bag-ui
- Sito: https://bagui.pro
- Licenza: MIT (file LICENSE del repository anelkabag/bag-ui)
- Categorie: derivate dal manifest del publisher, non inventate.
Quando conviene usarla
Conviene se stai costruendo una dashboard e non vuoi adottare un design system intero: ogni blocco arriva con motion e lucide-react, niente altro. Il limite è la ripetizione: contatti e CTA esistono in due varianti quasi sovrapponibili, e scegliere costa più che adattare.
Una dashboard per ogni verticale
I nomi dei blocchi raccontano il pubblico: Modern Ads Dashboard, Modern Agency Dashboard, Modern Analytics Dashboard, Dashboard Chat App. Sono quattro letture dello stesso schema, sidebar, riga di metriche, tabella o elenco, cambiato per il settore.
Con un file per blocco, bagUi non condivide primitive tra le sezioni. Il vantaggio è che copi una cartella e hai tutto; il costo è che due dashboard possono dichiarare versioni diverse di motion. Prima di installarne due, allinea le dipendenze in un solo package.
Contact Exemple 1 e Contact Exemple 2 mostrano il limite opposto: due sezioni con lo stesso scopo e nomi che non dicono cosa cambia (il refuso Exemple è nel manifest). Apri le due preview e confronta il campo del form, non il titolo. Se la differenza non emerge in dieci secondi, tieni la prima.
curl "https://ui.eneawork.it/api/blocks?source=anelkabag-bag-ui&limit=8"Tre esempi dalla tabella: Dashboard Chat App, Contact Exemple 1, Contact Exemple 2; 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 e quanti file pubblica bagUi?
47 blocchi in 47 file, misurati il 1 novembre 2026. Ogni blocco è autonomo: non ci sono componenti condivisi tra le sezioni.
Che licenza ha bagUi?
MIT, dichiarata nel file LICENSE del repository anelkabag/bag-ui. Il catalogo EneUI riporta ancora see source e va integrato con il repository.
Quali framework e dipendenze usa bagUi?
React con shadcn/ui e Tailwind. Le uniche dipendenze npm sono motion/react e lucide-react, senza registry dependency esterne.
Quante dashboard complete ci sono in bagUi?
Quattro dashboard per settore: ads, agency, analytics e chat. Condividono lo schema sidebar più metriche, ma cambiano densità e tipo di dato.
Perché due blocchi contatto si chiamano Exemple?
È un refuso del manifest del publisher. Le due sezioni sono varianti dello stesso form e vanno confrontate sulle anteprime, non sui titoli.