Menu
Emoji Wave
Customize
eomji
Speed0.7
Element Size14
Noise Scale0.3
Intensity1
Wave Tension0.5
Wave Twist0.1
Interaction Intensity1
Props
| Property | Type | Default | Description |
|---|---|---|---|
eomji | string | " ❤️💛💚 | emoji gradient (calm -> excited) |
color | string | "#ffffff" | Color of the ASCII characters. |
waveTension | number | 0.5 | Tension of the wave flow (0.1-2.0). |
waveTwist | number | 0.1 | Twist amount of the wave flow (0.0-1.0). |
invert | boolean | false | Invert the character mapping. |
noiseScale | number | 1.0 | Scale of the noise/wave pattern (zoom). |
elementSize | number | 16.0 | Size of individual ASCII characters/grid cells. |
speed | number | 1.0 | Animation speed multiplier. |
hasCursorInteraction | boolean | true | Whether the waves react to mouse cursor. |
intensity | number | 1.0 | Intensity of the wave effect. |
interactionIntensity | number | 1.0 | Intensity of the cursor interaction. |
className | string | "" | Additional CSS classes. |
bgColor | string | "transparent" | Background color of the canvas ("transparent" supported). |
eomjiTypestring
Default
" ❤️💛💚emoji gradient (calm -> excited)
colorTypestring
Default
"#ffffff"Color of the ASCII characters.
waveTensionTypenumber
Default
0.5Tension of the wave flow (0.1-2.0).
waveTwistTypenumber
Default
0.1Twist amount of the wave flow (0.0-1.0).
invertTypeboolean
Default
falseInvert the character mapping.
noiseScaleTypenumber
Default
1.0Scale of the noise/wave pattern (zoom).
elementSizeTypenumber
Default
16.0Size of individual ASCII characters/grid cells.
speedTypenumber
Default
1.0Animation speed multiplier.
hasCursorInteractionTypeboolean
Default
trueWhether the waves react to mouse cursor.
intensityTypenumber
Default
1.0Intensity of the wave effect.
interactionIntensityTypenumber
Default
1.0Intensity of the cursor interaction.
classNameTypestring
Default
""Additional CSS classes.
bgColorTypestring
Default
"transparent"Background color of the canvas ("transparent" supported).
Dependencies
@react-three/fiber 8.0.0three 0.160.0
Crafted withbyMohammad Tasin