Particles

Поле частиц, реагирующее на курсор. Pro · Эффекты › Фоны

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add particles

npm install valyro-ui-pro

import 'valyro-ui-pro/styles.css';
import { Particles } from 'valyro-ui-pro';

Prop	Type	Default
`quantity`	`number`	`80`	Number of particles.
`speed`	`number`	`1`	Drift speed multiplier; 0 holds them in place.
`interaction`	`'repel' \| 'attract' \| 'none'`	`'repel'`	How particles react to the pointer: pushed aside, drawn in, or not at all.
`color`	`string`		Particle colour. Default: the theme's `--ui-particles-color`.
`colors`	`string[]`		Several CSS colours the particles are picked from (overrides `color`).
`glow`	`number`		Soft halo around each particle, 0–1 (default: the theme's `--ui-particles-glow`) — a starry, gravity-field look.
`influence`	`number`	`POINTER_RADIUS`	Radius of the pointer's pull or push, px (default 120).
`strength`	`number`	`1`	Strength of the pull or push, as a multiple of the default (default 1).
`parallax`	`number`	`14`	How much the field shifts in depth as the pointer moves, px at the nearest particles (default 14; 0 keeps it flat).
`links`	`number`	`0`	Joins particles closer than this many px with faint lines, like a constellation (default 0 — off).
`burst`	`boolean`	`true`	A click or tap sends a ring of push through the particles around it (default true).