BeamGen - Animated Beam Generator

Beam Properties

Path Type

Color

Width

4px

Opacity

80%

Animation

Speed Medium

Effects

Pulsing Sparkling Glow Particles

Direction

Easing

Duration (ms)

Delay (ms)

Export Settings

Framework

Format

Code Preview

import React from 'react';
import './Beam.css';

const AnimatedBeam = () => {
  return (
    <div className="beam-container">
      <div className="gradient-beam" />
    </div>
  );
};

export default AnimatedBeam;

Beam Properties

Path Type

Color

Width

Opacity

Animation

Effects

Export Settings

Framework

Format

Code Preview

Download