Recordly capture une application et automatise la mise en forme de vidéos de démonstration. Le projet vise macOS, Windows et Linux pour partager des parcours produit sans passer par un logiciel de montage.
NameThatUI aide à nommer un élément d’interface décrit en langage courant, puis fournit son terme, son symbole d’API et un prompt réutilisable. Son dictionnaire visuel couvre des motifs web et macOS.
OriginKit propose une galerie de composants web animés à copier ou à utiliser dans Framer. Les aperçus montrent des effets CSS et WebGL, avec une partie de la collection accessible gratuitement.
Cette skill transforme les conseils d’animation et de finition d’Emil Kowalski en consignes utilisables par un agent. Elle porte sur les transitions, les états et les détails qui rendent une interaction plus claire.
Taste Skill rassemble des consignes open source pour orienter les choix visuels d’un agent de code. Son installation ajoute un cadre de conception au-delà des composants et styles par défaut.
Impeccable fournit des commandes et des repères de design pour aider un agent à améliorer une interface existante. L’outil couvre notamment la typographie, les couleurs et le respect d’un système de composants.
OpenDesign est un espace de conception open source pour produire des prototypes, pages et présentations avec un agent de code. Le site met en avant une approche où les fichiers et outils de développement restent au centre du flux.
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.
@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.
Godly rassemble des exemples de sites et d’interfaces pour nourrir la recherche visuelle. La galerie permet de repérer des directions de mise en page et des détails d’interaction à étudier.
TheSVG catalogue des icônes de marques téléchargeables en SVG, avec recherche et intégrations pour plusieurs frameworks. Le site propose aussi un CLI, un CDN et un serveur MCP pour récupérer les assets.
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.
WebHaptics apporte des vibrations tactiles aux interactions d’un site mobile, via une API JavaScript simple. Le projet donne un moyen d’ajouter un retour physique aux gestes sans créer une application native.
Cette skill fournit à un agent des règles de design et des choix d’interface adaptés à plusieurs plateformes. Le dépôt inclut des recommandations de styles, typographies et associations de couleurs pour cadrer une réalisation.
Griddy Icons rassemble des pictogrammes vectoriels au style géométrique cohérent, disponibles gratuitement. La collection peut servir à garder une iconographie uniforme dans une interface.
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.
Unicorn Icons propose une bibliothèque d’icônes animées modifiables dans le navigateur et exportables en Rive ou Lottie. Les formats annoncés couvrent React, iOS et Android.
ToolJet assemble dashboards et applications opérationnelles à partir de bases, API et services SaaS. Son éditeur visuel et ses fonctions de génération conservent les composants et données dans le modèle de la plateforme.
Skeleton ajoute à Tailwind un système de thèmes et des composants basés sur Zag.js. La documentation présente une base de design commune utilisable notamment avec Svelte et React.
React Modal Sheet : explorer les comportements d’une feuille modale
