Cette page explique le hook useFormity et les concepts de base de la bibliothèque Formity. Elle sert de point d’entrée pour construire des formulaires React à partir de composants et de règles réutilisables.
Cette bibliothèque React ajoute le chargement progressif d’éléments à mesure que l’utilisateur atteint la fin d’une liste. Le dépôt fournit un composant prêt à intégrer pour éviter de réécrire la détection de défilement.
Ce playground permet de tester en direct les paramètres de Yet Another React Lightbox. Il aide à vérifier les options de navigation et de présentation avant de les reporter dans une galerie React.
Animata propose des composants animés à copier dans une application React ou Next.js, avec Tailwind CSS. Son format open source laisse les équipes inspecter et adapter le code à leur interface.
@hashintel/refractive fournit des composants de filtre pour construire une interface de recherche ou de navigation dans des collections. Le paquet npm permet de l’intégrer directement à une application React.
Ce playground présente plusieurs variantes de feuilles modales React : points d’arrêt, contenu défilant, plein écran et prise en compte du clavier. Il inclut aussi des exemples d’accessibilité et de mouvement réduit.
Ilamy Calendar propose des vues mensuelles, hebdomadaires et journalières avec glisser-déposer et gestion de ressources. Le dépôt annonce aussi la prise en charge des événements récurrents au format RFC 5545.
Shader Gradient permet de régler des dégradés animés, puis de les intégrer dans Framer, Figma ou React. L’outil rend les paramètres visuels d’un shader accessibles depuis une interface.
React Grab permet de sélectionner un élément visible dans une application et d’en transmettre le contexte à un agent de code. L’outil vise à retrouver plus vite le composant correspondant dans le projet.
L’article présente prefill, une fonction qui compose des propriétés avant qu’elles n’atteignent un composant React. Elle peut remplacer un wrapper dédié lorsqu’il s’agit de fixer des styles ou un comportement commun.
Vercel structure ses recommandations autour des causes majeures de lenteur : waterfalls, bundles et rendus inutiles. L’ordre de priorité aide les agents à traiter les problèmes les plus coûteux avant les micro-optimisations.
La bibliothèque expose Intersection Observer via des hooks et composants React. Elle réutilise les observers compatibles et fournit des mocks pour tester lazy loading et animations au scroll.
Sera UI rassemble des composants JSX et blocs d’interface stylés avec Tailwind CSS. La collection fournit une base modulable pour formulaires, dashboards et pages web.
Fumadocs fournit une base de site documentaire pour plusieurs frameworks React et Astro. Le dépôt précise les environnements supportés et le fonctionnement en modules ESM.
EvilCharts propose des composants de graphiques construits sur Recharts ou Apache ECharts avec shadcn. Les exemples cherchent à rendre animations et présentation des données plus faciles à adapter.
Lina propose une zone de défilement avec barres adaptatives et masques de bord sensibles à la position. Le composant cherche à conserver le comportement natif sur tactile tout en affinant les interactions au bureau.
React Query Key Manager organise les clés par namespace et vérifie leurs arguments à la compilation. Il réduit les chaînes dispersées et les collisions entre requêtes dans une application importante.
Puck présente un éditeur visuel intégrable à React avec composants, règles de design et API métier. La plateforme propose également de générer des interfaces à partir de ces mêmes éléments.
Kibo UI propose un registre de composants conçus pour shadcn/ui. Sélecteur de couleur, zoom d’image ou blocs de code enrichissent la boîte à outils tout en restant personnalisables.
Animate UI distribue des composants React construits avec TypeScript, Tailwind CSS et Motion. Le code peut être installé via la CLI shadcn puis adapté au projet.
React Modal Sheet : explorer les comportements d’une feuille modale
EvilCharts : personnaliser des graphiques avec shadcn et Recharts
