Pixel Drift
0
Used by 0Controls
Pixel Drift
Interactive particle typography that assembles, disperses, and reacts to cursor movement with smooth physics-based animations.
KEY FEATURES
- — Particle-based text animation
- — On-enter and hover triggers
- — Interactive mouse repulsion
- — Replay animation support
- — Custom particle colors
- — Adjustable particle density
- — Configurable particle size
- — Auto-fit typography
- — Custom animation transitions
- — Performance-optimized canvas rendering
API Reference
All props map directly to the controls panel sliders and color pickers.
LAYOUT
PROP
TYPE
DEFAULT
DESCRIPTION
text
string
PIXEL DRIFT
Text prop.
mode
enum
onEnter
Mode prop.
position
enum
above
Position prop.
replay
boolean
true
Replay prop.
particleCount
number
50
Particle Count prop.
particleSize
number
12
Particle Size prop.
fontSize
number
80
Font Size prop.
autoFit
boolean
false
Auto Fit prop.
mouseEnabled
boolean
true
Mouse Hover prop.
mouseForce
number
30
Force prop.
mouseRadius
number
50
Radius prop.
transition
transition
{"..."}
Transition prop.
COLORS
PROP
TYPE
DEFAULT
DESCRIPTION
colors
array
[...]
Colors prop.
