Tailwind CSS

Hiki: un look manga su Tailwind 4

L’app web di Hiki gira su Next.js 16 con Tailwind 4. Sopra ci sono 16 componenti shadcn/ui con un tema neubrutalista: bordi marcati, ombre sfalsate e un look ispirato ai manga che attraversa il catalogo, il marketplace e la mappa dei negozi. I componenti stanno nel progetto invece che in un pacchetto, così il team li modifica come qualsiasi altro codice.

Bridddge: un’app desktop con una sua identità

Bridddge è un’app Electron per macOS, con lo stile fatto in Tailwind 3 e shadcn/ui. Il suo tema porta a zero il raggio degli angoli e usa un accento blu, così gli stessi componenti sembrano Bridddge e non un kit standard. Il plugin tailwindcss-animate aggiunge le piccole animazioni.

Scout: una dashboard che mostra molto in una volta

L’interfaccia di Scout è Next.js 15 con Tailwind 4.1, e le primitive di Radix le danno mattoncini accessibili. Mette molto sullo schermo: un setup guidato in sette passaggi, una pipeline Kanban con drag and drop, una dashboard analitica e un registro in tempo reale di ogni azione dell’agente.

Perché Tailwind

Gli stili stanno nel markup, accanto al componente a cui appartengono, così quando un componente se ne va non resta nulla. Al browser arrivano solo le classi che un prodotto usa, e un nuovo tema è una manciata di token invece di una riscrittura. È così che tre prodotti molto diversi restano veloci da modificare. Anche questo sito, larch.ee, ha lo stile fatto con Tailwind 4.