ElyriParticleText
Text made of tiny particles that fly in and assemble on viewport entry, scatter away from the pointer, and spring back into place.
Particles
Customize
Particle color
#a78bfaProps
| Prop | Type | Default | Description |
|---|---|---|---|
children | string | — | Text rendered as particles; use \n for line breaks |
color | string | currentColor | Particle color, inherits the text color by default; also overridable via --elyri-particle-color |
particleSize | number | 2 | Side length of each particle, in CSS pixels |
gap | number | 3 | Sampling gap in CSS pixels; smaller means denser particles |
radius | number | 80 | Pointer repel radius in CSS pixels, 0 disables interaction |
force | number | 1 | Repel force multiplier |
assemble | boolean | true | Fly particles in from around the text the first time it enters the viewport |
className | string | — | Extra class name |
Dependencies
Canvas 2DIntersectionObserverResizeObserver