UIMAXXING : 122 composants shadcn avec une vraie signature visuelle
⏱️ Temps de lecture estimé : 3 minutes
📌 UIMAXXING est une bibliothèque de composants shadcn qui assume un parti pris rare : du motion design, de la typographie cinétique et des interfaces de trading, plutôt qu’une collection de plus de dashboards gris. 122 composants, dont 75 gratuits, à installer avec une simple commande npx.
Le principe est celui d’un registry shadcn : npx shadcn@latest add https://uimaxx.ing/r/uimaxxing.json et le code atterrit directement dans votre projet, prêt à modifier. Pas de paquet npm dont dépendre, pas de dépôt officiel à cloner. Une fois copié, le code vous appartient.
Là où la bibliothèque sort du lot, c’est dans les territoires couverts. Aux classiques — boutons, loaders, toggles, grilles de pricing — s’ajoutent des familles qu’on cherche en vain ailleurs : order books, graphiques en chandeliers, heatmaps de marché, interfaces de marchés de prédiction, sidebars DeFi avec taux d’intérêt et paramètres de protocole. Il y a aussi des bars de prompt et des fils de discussion d’agents IA, avec terminal et diff viewer. Ce n’est pas un hasard : l’auteur, Yogi Suria, est design engineer, passé par p2p.org, Kelp DAO et RedStone, aujourd’hui chez LI.FI et Jumper. Tout le volet crypto vient de là.
- 🧩 122 composants shadcn, dont 75 gratuits, installés via le registry
- 📈 Des UIs de trading rares : order books, chandeliers, heatmaps, marchés de prédiction
- 🪄 Familles motion : typographie cinétique, carrousels, posters, dot matrix loaders
- 🎨 Un design system fermé et documenté, mappé 1:1 aux variables Figma
- 🆓 Usage commercial libre et sans crédit, mais republication interdite
Côté système, la page design-system détaille les tokens : une palette close (indigo, violet, pêche, bleu), trois rayons, huit styles de liserés lumineux, Geist et Instrument Serif. Tout est mappé 1:1 aux variables Figma, avec un thème clair et un thème sombre. Je trouve l’approche convaincante : la cohérence vient de contraintes partagées, pas de composants empilés au cas par cas. Ça se sent en scrollant la bibliothèque, où une carte, un graphique et un poster coexistent sans jurer.
Deux nuances. Le style est très marqué : liserés néon, fonds sombres, animation permanente. Vous n’adoptez pas des composants neutres comme avec shadcn de base, vous adoptez une écriture. Et les pièces de motion les plus ambitieuses — carrousels, posters cinétiques, une bonne partie des dot matrix loaders — portent un badge Pro. Le slogan du site, qu’on ne reproduira pas ici, fixe d’ailleurs le ton : on est très loin du communiqué.
La licence mérite une lecture attentive. C’est gratuit, modifiable, utilisable commercialement sans crédit. Mais republier la bibliothèque elle-même, en tout ou en partie, est interdit, et l’entraînement de modèles d’IA sur le code est explicitement refusé. Une position de plus en plus lisible chez les designers qui publient leur travail.
Si vous construisez une interface produit qui a besoin d’une personnalité, ou un tableau de bord financier qui ne doit pas ressembler à un template, la bibliothèque mérite une heure de votre temps. Un agent baptisé maxxagent est annoncé pour la suite.
