Puck est un composant React pour créer un éditeur par glisser-déposer avec ses propres composants. Son modèle modulaire laisse l’application gérer les données et les règles de composition.
21st rassemble des composants et blocs d’interface, notamment des hero sections, cartes et arrière-plans animés. Le catalogue sert à comparer des directions visuelles et récupérer une base à adapter.
L’ancienne adresse Origin UI mène désormais à coss ui et à son catalogue de composants. Accordéons, dialogues, champs et calendriers donnent une base commune pour assembler des interfaces.
PDFSlick fournit des exemples de lecteurs PDF pour React, Svelte, SolidJS et JavaScript. Navigation, miniatures et zoom illustrent comment traiter les documents comme une partie de l’interface.
Gabriel Pichot organise les états loading, erreur, succès et résultat vide avec du pattern matching. L’approche réduit les branches dispersées dans les composants et améliore leur lisibilité.
Cette bibliothèque dérive des outils pour LLM à partir de hooks React. L’interface humaine et celle de l’agent peuvent ainsi partager le même état, avec un schéma de modification défini par le développeur.
Robin Wieruch construit un chat Next.js connecté à l’API OpenAI, depuis la route serveur jusqu’à l’interface. Le tutoriel ajoute le streaming pour afficher progressivement les réponses.
Omlet affiche dans VS Code les usages d’un composant et les valeurs transmises à ses props. Ces informations aident à comprendre l’adoption réelle d’une bibliothèque avant de la faire évoluer.
Ce dépôt rassemble des bibliothèques de composants et design systems React avec des capacités d’animation. Il sert de point de départ pour comparer leurs approches et leurs démonstrations.
Ce catalogue présente des applications, composants, frameworks et outils construits autour de React. Les catégories facilitent la recherche d’exemples et de bibliothèques à examiner.
Ce tutoriel construit une prop as qui change l’élément HTML rendu tout en conservant les bons types de propriétés. Il utilise les génériques TypeScript pour éviter qu’un composant accepte les attributs d’une autre balise.
Cette collection fournit des composants d’interface animés à copier et personnaliser. Les démonstrations couvrent notamment le texte et les transitions pour enrichir des interactions existantes.
React Bits rassemble des arrière-plans, effets de texte et composants interactifs installables sous forme de code. Les paramètres exposés permettent d’ajuster mouvement et apparence au projet.
Normy normalise les données chargées par des bibliothèques comme React Query ou SWR. Les entités partagées peuvent ensuite être mises à jour dans plusieurs résultats sans répéter la logique de synchronisation.
Le composant anime mouvement et rotation avec des ondes sinusoïdales. Amplitude, vitesse et décalage temporel permettent d’ajuster le résultat et de désynchroniser plusieurs éléments.
Le plugin officiel fournit les règles de lint React et une configuration recommandée pour ESLint. La documentation explique son installation et les options liées aux règles expérimentales du compilateur.
React Scan signale les composants à examiner pour améliorer les performances d’une application React. Son intégration par script ou package facilite un premier diagnostic sans réécrire les composants.
Un raccourci de clic sur un composant ouvre son fichier source dans l’éditeur. Le menu contextuel permet aussi d’inspecter ses parents et leurs props pour retrouver plus vite le code concerné.
Aurora Scharff utilise les paramètres d’URL comme source de vérité pour filtres, tri et pagination. L’article traite la coordination de cet état avec les interactions et les composants serveur.
Nuqs propose une API proche de useState avec parsers typés et contrôle de l’historique. Elle facilite des filtres partageables et rechargeables dont l’état reste dans l’URL.
Motion Primitives : composer des interfaces avec des animations ajustables
