![Boostez votre UX avec ces ressources Javascript ! Boostez votre UX avec ces ressources Javascript !](http://media.paperblog.fr/i/843/8435747/boostez-ux-avec-ces-ressources-javascript-L-MTa1T9.jpeg)
Vous cherchez à captiver l'attention des internautes sur votre site web ? Avec ces quelques ressources Javascript, vous parviendrez facilement à améliorer leur expérience. Et naturellement, s'ils apprécient votre site, ils reviendront !
Retrouvez différentes idées pour rendre vos contenus plus originaux, plus attractifs ou plus interactifs. Vous aurez forcément envie d'en tester un ou plusieurs, tant les effets sont parfois saisissants !
Prenez une petite pause pour découvrir toutes ces possibilités avant de sélectionner celles qui correspondent le mieux à votre site web.
Grade
Si vous avez beaucoup d'images à partager, cette petite librairie sélectionne les couleurs principales afin de créer une dynamique autour de chaque visuel : le résultat est élégant !
![Boostez votre UX avec ces ressources Javascript ! Boostez votre UX avec ces ressources Javascript !](http://media.paperblog.fr/i/843/8435747/boostez-ux-avec-ces-ressources-javascript-L-C7DTKo.jpeg)
Le HTML5 pour gratter
Avec le HTML5, vous pouvez confectionner des animations de grattage, idéales pour conférer un esprit ludique à vos contenus.
![Boostez votre UX avec ces ressources Javascript ! Boostez votre UX avec ces ressources Javascript !](http://media.paperblog.fr/i/843/8435747/boostez-ux-avec-ces-ressources-javascript-L-QfuJkB.jpeg)
Tilt.js
En utilisant Tilt.js, le simple survol avec la souris génère un bel effet, rappelant la dynamique de l'Apple TV : les utilisateurs adoreront !
![Boostez votre UX avec ces ressources Javascript ! Boostez votre UX avec ces ressources Javascript !](http://media.paperblog.fr/i/843/8435747/boostez-ux-avec-ces-ressources-javascript-L-o139OH.jpeg)
Parallax Depth Cards
Dans le même esprit qu'avec Tilt, vous pouvez créer un effet au survol de la souris, avec un petit plus : l'affichage du texte de votre choix.
![Boostez votre UX avec ces ressources Javascript ! Boostez votre UX avec ces ressources Javascript !](http://media.paperblog.fr/i/843/8435747/boostez-ux-avec-ces-ressources-javascript-L-of7Qp0.jpeg)
Progress Bar
Vous avez de longs textes sur votre site ? Avec cette barre de progression, le lecteur saura où il en est et pourra même se placer dans la table des matières ! Une solution idéale pour garder son attention.
![Boostez votre UX avec ces ressources Javascript ! Boostez votre UX avec ces ressources Javascript !](http://media.paperblog.fr/i/843/8435747/boostez-ux-avec-ces-ressources-javascript-L-Wy6AUD.jpeg)
Pull to Refresh
Une ressource efficace et intuitive pour permettre de rafraîchir une application web. Votre interface deviendra plus fluide et simple à utiliser, ce qui plaira forcément aux internautes.
![Boostez votre UX avec ces ressources Javascript ! Boostez votre UX avec ces ressources Javascript !](http://media.paperblog.fr/i/843/8435747/boostez-ux-avec-ces-ressources-javascript-L-G0vjdz.jpeg)
Point Mesh Animation
Une animation de points saisissante et amusante : c'est la promesse de cette ressource qui fonctionne sur la base d'un Canva HTML5.
![Boostez votre UX avec ces ressources Javascript ! Boostez votre UX avec ces ressources Javascript !](http://media.paperblog.fr/i/843/8435747/boostez-ux-avec-ces-ressources-javascript-L-HOQNYl.jpeg)
Gridder
Quand vous avez beaucoup d'images à présenter, valorisez-les au travers d'une interface sympathique inspirée de Google.
![Boostez votre UX avec ces ressources Javascript ! Boostez votre UX avec ces ressources Javascript !](http://media.paperblog.fr/i/843/8435747/boostez-ux-avec-ces-ressources-javascript-L-tgtsnb.jpeg)
Granim
Vous aimez colorer vos interfaces ? Utilisez Granim, une excellente solution pour créer de jolis effets de couleur animés.
![Boostez votre UX avec ces ressources Javascript ! Boostez votre UX avec ces ressources Javascript !](http://media.paperblog.fr/i/843/8435747/boostez-ux-avec-ces-ressources-javascript-L-JIbLux.jpeg)
Emoji codes
Pour intégrer des emojis, découvrez cette bibliothèque vous permettant d'obtenir facilement tous les shorts codes pour les insérer.
![Boostez votre UX avec ces ressources Javascript ! Boostez votre UX avec ces ressources Javascript !](http://media.paperblog.fr/i/843/8435747/boostez-ux-avec-ces-ressources-javascript-L-kvLY_D.jpeg)
View Scroller
Vos visiteurs pourront " scroller " sur toute la page et dans n'importe quelle direction avec View Scroller. Ils s'amuseront tout en restant plus longtemps sur votre site !
![Boostez votre UX avec ces ressources Javascript ! Boostez votre UX avec ces ressources Javascript !](http://media.paperblog.fr/i/843/8435747/boostez-ux-avec-ces-ressources-javascript-L-gwRZuP.jpeg)
CSS Loading Animation
Relevez le défi d'encourager les internautes à attendre le chargement de la page avec des animations sympathiques.
![Boostez votre UX avec ces ressources Javascript ! Boostez votre UX avec ces ressources Javascript !](http://media.paperblog.fr/i/843/8435747/boostez-ux-avec-ces-ressources-javascript-L-RcNACn.jpeg)
Water Fill Loading
Une autre ressource pour que vos chargements soient moins monotones : une ambiance aquatique qui maintiendra l'attention pendant au moins quelques secondes.
![Boostez votre UX avec ces ressources Javascript ! Boostez votre UX avec ces ressources Javascript !](http://media.paperblog.fr/i/843/8435747/boostez-ux-avec-ces-ressources-javascript-L-aGhJUU.jpeg)
Glitch Glitch Glitch
Le Glitch est une vraie mode : si vous n'y avez pas succombé, retrouvez une solution très simple pour vous en emparer rapidement.
![Boostez votre UX avec ces ressources Javascript ! Boostez votre UX avec ces ressources Javascript !](http://media.paperblog.fr/i/843/8435747/boostez-ux-avec-ces-ressources-javascript-L-8tkKus.jpeg)
Source : Webdesigner Trends