Генератор эффектов частиц

Создавайте настраиваемые анимации частиц

Пресет

Предпросмотр

Загрузка...

Настройки

Количество частиц120

Скорость (Мин)0.5

Скорость (Макс.)2

Диапазон размера (Мин)1

Диапазон размера (Макс.)5

Непрозрачность0.9

Форма

Цвета#ffffff

Гравитация0

Ветер0.3

Отскок

Взаимодействие

Экспорт

{
  "fullScreen": {
    "enable": false
  },
  "background": {
    "color": {
      "value": "transparent"
    }
  },
  "particles": {
    "number": {
      "value": 120,
      "density": {
        "enable": true
      }
    },
    "color": {
      "value": "#ffffff"
    },
    "shape": {
      "type": "circle"
    },
    "opacity": {
      "value": {
        "min": 0.4,
        "max": 0.9
      }
    },
    "size": {
      "value": {
        "min": 1,
        "max": 5
      }
    },
    "move": {
      "enable": true,
      "speed": {
        "min": 0.5,
        "max": 2
      },
      "direction": "bottom",
      "straight": false,
      "outModes": {
        "default": "out"
      },
      "drift": 0.3
    },
    "wobble": {
      "enable": true,
      "distance": 10,
      "speed": 5
    }
  },
  "interactivity": {
    "events": {
      "onHover": {
        "enable": true,
        "mode": "repulse"
      }
    },
    "modes": {
      "repulse": {
        "distance": 80,
        "duration": 0.4
      }
    }
  }
}

Что такое Генератор эффектов частиц?

Проектируйте и предпросматривайте эффектные анимации частиц для вашего сайта или приложения. Настраивайте количество частиц, скорость, размер, цвет, форму, поведение при взаимодействии и физику для создания эффектов снега, конфетти, светлячков или галактики. Конфигурация экспортируется как готовый к использованию код.

Как использовать

Выберите готовый пресет (снег, конфетти, светлячки, пузыри, галактика) или создайте эффект с нуля.
Тонко настройте свойства частиц: количество, скорость, диапазон размеров, цвета, формы, прозрачность и физику — гравитацию и отскок.
Просмотрите анимацию в реальном времени, затем скопируйте JSON-конфигурацию tsParticles или экспортируйте как отдельный HTML-сниппет.

Результат

Веб-разработчик выбирает пресет «снег», увеличивает количество частиц до 200, добавляет лёгкий ветер и копирует JSON-конфигурацию, чтобы украсить праздничную страницу зимним эффектом.

Генератор эффектов частиц

Что такое Генератор эффектов частиц?

Как использовать

Результат

Похожие инструменты

Генератор текстур

Конструктор оргструктуры

Генератор CSS-анимаций

Создатель обложек для YouTube

Генератор облака слов

Создание таймлайна

Генератор эффектов частиц