Laser Flow
A beam of light falls from the top and spills a glowing fog where it hits the floor. WebGL2, follows the accent color.
import { LaserFlow } from "pleate/effects/laser-flow";Beam
Ship from the edge.
A beam of light with a fog that pools where it lands.
Props
- color
Beam color, tokens allowed.
stringdefault accent- x
Beam position across, 0 to 1.
numberdefault 0.5- floor
Height of the floor it hits, 0 to 1.
numberdefault 0.25- fog
Amount of fog.
numberdefault 1- speed
Playback speed.
numberdefault 1
Accessibility
- Decorative canvas (aria-hidden).
- Reduced motion shows one still frame.