New
New
New
Component
Huly Effect for Framer
This is an animated light beam background component for Framer, recreated from the huly's website. Feel free to copy and paste it into your projects to experiment with and add that sleek, futuristic glow to your websites.
Created by
About the resource
To use the component, toggle the animation on or off to control whether the laser beam moves or stays still. Adjust the fade-in time to set how quickly the beam appears when loaded. You can customize the laser’s color using hex, RGB, or Framer color tokens, and choose a background color or leave it transparent.
Use the beam X and Y properties to move the laser horizontally or vertically, and adjust its height and width to fit your layout. The dynamics controls let you fine-tune the beam’s movement, speed, and light variations for different visual effects.
Enhance the look with fog settings to add a smoky glow, where intensity, scale, and fall determine how dense and fluid the fog appears. You can also enable wisps for glowing particles that travel along the beam, adjusting their density, speed, and intensity to create a vibrant, futuristic motion effect.
About the resource
To use the component, toggle the animation on or off to control whether the laser beam moves or stays still. Adjust the fade-in time to set how quickly the beam appears when loaded. You can customize the laser’s color using hex, RGB, or Framer color tokens, and choose a background color or leave it transparent.
Use the beam X and Y properties to move the laser horizontally or vertically, and adjust its height and width to fit your layout. The dynamics controls let you fine-tune the beam’s movement, speed, and light variations for different visual effects.
Enhance the look with fog settings to add a smoky glow, where intensity, scale, and fall determine how dense and fluid the fog appears. You can also enable wisps for glowing particles that travel along the beam, adjusting their density, speed, and intensity to create a vibrant, futuristic motion effect.
About the resource
To use the component, toggle the animation on or off to control whether the laser beam moves or stays still. Adjust the fade-in time to set how quickly the beam appears when loaded. You can customize the laser’s color using hex, RGB, or Framer color tokens, and choose a background color or leave it transparent.
Use the beam X and Y properties to move the laser horizontally or vertically, and adjust its height and width to fit your layout. The dynamics controls let you fine-tune the beam’s movement, speed, and light variations for different visual effects.
Enhance the look with fog settings to add a smoky glow, where intensity, scale, and fall determine how dense and fluid the fog appears. You can also enable wisps for glowing particles that travel along the beam, adjusting their density, speed, and intensity to create a vibrant, futuristic motion effect.
The properties of the huly effect component in Framer.
The properties of the huly effect component in Framer.
The properties of the huly effect component in Framer.
