Aller au contenu

playground interactive grid experiment

1 min de lecture web experiments

121 billes qui réagissent au curseur. L’idée de cette expérimentation, c’est de créer quelque chose d’interactif et fun : tu passes ta souris, les billes s’attirent. Tu touches l’écran sur mobile, elles convergent vers ton doigt. Tu laches, elles reviennent en place avec un petit rebond. Simple, direct, mais ça marche bien.

Le code derrière utilise JavaScript pour générer la grille dynamiquement, CSS Grid pour la mise en page, et GSAP pour gérer toutes les animations. C’est propre et efficace : effet magnétique au survol, gestion tactile native sur mobile, physique d’élasticité pour le retour.

Une expérimentation qui mixe design et code pour créer une micro interaction engageante. Le genre de truc qu’on a envie de toucher encore et encore parce que c’est fluide et réactif. C’est ça qui m’intéresse : coder des expériences qui donnent envie d’interagir.

Réponse : nice
Réponse : mais dans un site concrètement tu mettrais ça où ?
Moi : pourquoi pas en bas d’une page ?
Moi : Je vais en faire d’autres
En train d’écrire…

Voir d’autres web experiments ici

// d'autres vidéos

J'ai codé une beta de "like" mise en place en octobre pour créer de l'engagement, n'hésites pas à le tester en cliquant le cœur!
47

Top 10 des Articles les Plus Aimés (beta)

// continuer

// classé dans

© 2026 Quentin Renaux. Développé avec passion & trop de café.