shadcn.io : la meilleure source de nouveaux blocks pour shadcn/ui

Si vous développez avec shadcn/ui, vous connaissez déjà la magie : le code vous appartient. Aucune dépendance boîte noire à combattre : vous copiez un composant, et il est à vous, prêt à être façonné.

Mais les composants ne sont que les petites briques. Un bouton, un champ, une carte. Le vrai gouffre de temps, c’est l’assemblage de ces briques en blocks : une section de tarifs, une coque de dashboard, un écran d’authentification, une grille de fonctionnalités. C’est là que se concentre l’essentiel du travail (et l’essentiel des copier-coller depuis d’anciens projets).

C’est précisément ce vide que comble shadcn.io, et c’est la raison pour laquelle il est devenu notre réflexe.

shadcn.io, qu’est-ce que c’est ?

shadcn.io est un registre vaste et en pleine expansion de blocks bâtis sur shadcn/ui : des sections complètes et déjà composées que vous déposez dans une page et livrez telles quelles. Pas des primitives, mais les mises en page que vous passeriez sinon un après-midi à câbler à la main.

Chaque block suit la même philosophie que shadcn/ui : c’est du code brut qui vous appartient, stylé avec Tailwind, sans aucun verrouillage à l’exécution. Vous l’installez, et il devient une partie de votre base de code.

Pourquoi c’est la meilleure source de nouveaux blocks

Plusieurs choses le démarquent :

• L’étendue. Sections marketing, dashboards, tableaux, parcours d’authentification, tarifs, témoignages : le catalogue couvre les pages dont les vrais produits ont réellement besoin, pas seulement une poignée de démos.
• La fraîcheur. De nouveaux blocks arrivent régulièrement : vous construisez avec les patterns du moment, pas avec quelque chose qui n’a plus bougé depuis un an.
• Du copier-coller, pas de l’installe-et-prie. Comme les blocks sont composés à partir des primitives de shadcn/ui, ils se lisent comme du code que vous auriez écrit : faciles à personnaliser, faciles à thématiser.
• Une belle entente avec le registre. Les blocks s’insèrent dans le même workflow shadcn que vous utilisez déjà : rien de nouveau à apprendre.

Comment on s’en sert

Notre propre méthode est simple : on démarre une page à partir d’un block shadcn.io déjà réalisé à 80 %, puis on plie les 20 % restants pour coller à la marque. Comme le code vous appartient, ces derniers 20 % sont une formalité : on échange les tokens, on ajuste les espacements, et c’est réglé. « Concevoir une page de tarifs » passe ainsi d’une journée à une heure.

Neobrutalism ♥ shadcn.io

Nous sommes fiers de nouer un partenariat avec shadcn.io. Si vous aimez la relecture néo-brutaliste que Neobrutalism fait de shadcn/ui, vous vous sentirez tout de suite chez vous dans leur bibliothèque de blocks : même modèle de propriété du code, même socle Tailwind, un terrain bien plus large couvert.

Allez parcourir la collection sur shadcn.io et voyez à quelle vitesse une page prend forme quand les blocks sont déjà prêts.