shadcn.io: il posto migliore per scoprire nuovi blocks per shadcn/ui

Se sviluppi con shadcn/ui, conosci già la magia: il codice è tuo. Non c'è nessuna dipendenza a scatola nera con cui litigare: copi un componente e diventa tuo, pronto da plasmare.

Ma i componenti sono i pezzi piccoli. Un pulsante, un input, una card. Il vero divoratore di tempo è assemblare quei pezzi in blocks: una sezione prezzi, lo scheletro di una dashboard, una schermata di autenticazione, una griglia di funzionalità. È lì che si concentra la maggior parte del lavoro (e la maggior parte del copia-e-incolla dai vecchi progetti).

È proprio questo il vuoto che colma shadcn.io, ed è per questo che è diventato la nostra scelta di riferimento.

Cos'è shadcn.io?

shadcn.io è un registro ampio e in piena crescita di blocks costruiti su shadcn/ui: sezioni complete e già composte che puoi lasciar cadere in una pagina e rilasciare così com'è. Non primitive, ma i layout che altrimenti ti costerebbe un pomeriggio intero mettere insieme a mano.

Ogni block segue la stessa filosofia di shadcn/ui: è codice puro che ti appartiene, con lo stile in Tailwind e senza vincoli a runtime. Lo installi e diventa parte del tuo codice.

Perché è il posto migliore per scoprire nuovi blocks

A distinguerlo sono alcune cose:

• L'ampiezza. Sezioni di marketing, dashboard, tabelle, flussi di autenticazione, prezzi, testimonianze: il catalogo copre le pagine di cui i prodotti reali hanno davvero bisogno, non una manciata di demo.
• La freschezza. Arrivano blocks nuovi con regolarità, così costruisci con i pattern del momento e non con qualcosa che nessuno tocca da un anno.
• Copia e incolla, non installa e prega. Dato che i blocks sono composti a partire dalle primitive di shadcn/ui, si leggono come codice che avresti scritto tu: facili da personalizzare, facili da tematizzare.
• Si incastra alla perfezione con il registry. I blocks si inseriscono nello stesso flusso di lavoro di shadcn che già usi, quindi non c'è niente di nuovo da imparare.

Come lo usiamo

Il nostro metodo è semplice: partiamo da un block di shadcn.io già risolto all'80% e poi pieghiamo il restante 20% per farlo aderire al brand. Dato che il codice è tuo, quell'ultimo 20% è una formalità: cambi i token, sistemi le spaziature, fatto. Così «progettare una pagina prezzi» passa da un giorno a un'ora.

Neobrutalism ♥ shadcn.io

Siamo orgogliosi di collaborare con shadcn.io. Se ami la rilettura neobrutalista che Neobrutalism fa di shadcn/ui, nella loro libreria di blocks ti sentirai a casa: stesso modello di proprietà del codice, stessa base Tailwind, molto più terreno coperto.

Vai a esplorare la collezione su shadcn.io e scopri quanto in fretta prende forma una pagina quando i blocks sono già pronti.