Фон / атмосфера · tsparticles

tsParticles

Частицы, реагирующие на курсор — фон и микровзаимодействия

Tier 2Легко с AIОсторожно на мобилеfree (MIT)JS / React / Vue

Design DNA

«Воздух на экране живой: частицы расступаются от курсора, сайт чувствуется интерактивным.»

Use with AI

Скопируй промпт и отдай агенту. Он реализует решение в твоём стеке — не копирует чужой код.

Встрой tsParticles с умеренной density.
Реакция на курсор — ок на desktop; на mobile уменьши число и отключи interactivity при необходимости.
reduced-motion → статичный фон или 0 particles. Не комбинируй с Vanta на одном экране.

Что умеет

·Particles, links, confetti
·Реакция на hover/click
·React-компонент

Чего не умеет

·Не 3D-сцена
·Перегруз density убивает FPS

Когда брать

·Атмосферный фон с интерактом
·Celebration / confetti

Когда не брать

·Контентный блог без декора
·Mobile full-screen без лимитов

С чем сочетается

MotionGSAPVanta (не вместе!)

Альтернативы

VantaPixi particlesCSS

Типичные ошибки

·Слишком много particles на телефоне
·Вместе с Vanta на одном viewport
·Не проверил производительность на iPhone SE. WebGL и AI-модели могут убить батарею или вызвать краш. Всегда делай фоллбэк на статику через matchMedia или детект мощности устройства.

Демо и ссылки

particles.js.org