Tailwind CSS

Hiki : un look manga sur Tailwind 4

L’application web de Hiki tourne sur Next.js 16 avec Tailwind 4. Par-dessus, 16 composants shadcn/ui adoptent un style néo-brutaliste : bordures épaisses, ombres décalées et un look inspiré du manga qui se retrouve dans le catalogue, la marketplace et la carte des magasins. Les composants vivent dans le projet plutôt que dans un package, donc l’équipe les modifie comme n’importe quel autre code.

Bridddge : une application de bureau avec sa propre identité

Bridddge est une application Electron pour macOS, stylée avec Tailwind 3 et shadcn/ui. Son thème met le rayon des angles à zéro et utilise un accent bleu : les mêmes composants se lisent comme Bridddge plutôt que comme un kit standard. Le plugin tailwindcss-animate ajoute les petites animations.

Scout : un tableau de bord qui montre beaucoup à la fois

L’interface de Scout est en Next.js 15 avec Tailwind 4.1, et les primitives Radix lui donnent des briques accessibles. Elle met beaucoup à l’écran : un assistant de configuration en sept étapes, un pipeline Kanban en glisser-déposer, un tableau de bord analytique et un journal en direct de chaque action de l’agent.

Pourquoi Tailwind

Les styles sont dans le balisage, à côté du composant auquel ils appartiennent : rien ne reste quand un composant disparaît. Seules les classes qu’un produit utilise arrivent dans le navigateur, et un nouveau thème tient en quelques tokens plutôt qu’en une réécriture. C’est ainsi que trois produits très différents restent rapides à faire évoluer. Ce site, larch.ee, est lui aussi stylé avec Tailwind 4.