HTML + CSSFondos

Constelación de partículas

Puntos flotantes unidos por líneas finas que se apartan cuando acercas el ratón.

Ajustes

1x
1x
1

Código

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

Prompt para IA

Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.

Versión Markdown con todo el código, para asistentes de IA

Más en Fondos

Ver todos: Fondos

Dónde usarlo

Las partículas conectadas dicen «red» sin dibujar ningún esquema, así que encajan en el hero de una consultora de datos, un proyecto blockchain o la landing de una app de comunidad. Al mover el cursor, los puntos cercanos se apartan y se enganchan a él. Es un fondo de partículas interactivo, como particles.js pero mucho más ligero.

En el móvil no hay hover, así que las líneas simplemente flotan solas, y sigue quedando bien. No te pases con la densidad: cada punto mide su distancia con todos los demás y, con la pantalla muy llena, los portátiles antiguos lo notan.