HTML + CSSArrière-plans

Constellation de particules

Des points flottants reliés par de fines lignes, qui s’écartent quand la souris approche.

Réglages

1x
1x
1

Code

<div class="pt-constellation"><canvas></canvas></div>

Prompt pour l’IA

Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.

Plus dans Arrière-plans

Où l’utiliser

Des particules reliées évoquent l’idée de « réseau » sans dessiner le moindre schéma. Elles conviennent au hero d’un cabinet de conseil en données, à un projet blockchain ou à la landing page d’une application communautaire. Quand le curseur bouge, les points proches s’écartent et s’y accrochent. Un fond de particules interactif, dans l’esprit de particles.js, en beaucoup plus léger.

Sur mobile, il n’y a pas de survol : les lignes dérivent simplement seules, et le rendu reste joli. Restez raisonnable sur la densité, car chaque point calcule sa distance avec tous les autres et un écran très rempli ralentit les vieux portables.