Animated Beam Background Components

Dev Design Library indexes 18 Animated beam background components from 8 open-source UI libraries, with the most coming from Aceternity UI, React Bits, Vengeance UI, Kokonut UI and Magic UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. These are the beam background components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. Beam background components belong to the Backgrounds group.

• BeamsReact Bits · ReactCrossing animated ribbons with customizable properties.
• Light RaysMagic UI · ReactA component with animated light rays which shine down from above.
• Beams BackgroundKokonut UI · ReactAnimated background of drifting light beams rendered on an HTML canvas with configurable intensity. Built with React…
• Light RaysSpell UI · ReactAnimated light rays effect using WebGL shaders.
• Animated RaysVengeance UI · ReactHero with animated heading
• Light RaysAnimations (Svelte) · SvelteA component that creates animated light rays with customizable count, color, blur, speed, and length.
• Light RaysVelora UI · ReactGod rays fanning down from the top of a section.
• Background BeamsAceternity UI · React
• Laser FlowReact Bits · ReactDynamic laser light that flows onto a surface, customizable effect.
• Light LinesVengeance UI · ReactAnimated flowing line background
• Background Beams With CollisionAceternity UI · React
• Light PillarReact Bits · ReactVertical pillar of light with glow effects.
• CoverAceternity UI · React
• Light RaysReact Bits · ReactVolumetric light rays/beams with customizable direction.
• Moving LineAceternity UI · React
• Side RaysReact Bits · ReactAnimated light rays emanating from the side with customizable colors and speed.
• SpotlightAceternity UI · React
• Spotlight NewAceternity UI · React

Libraries with Animated beam background components

• Aceternity UI
• React Bits
• Vengeance UI
• Kokonut UI
• Magic UI

Related categories

• Beam Background Components
• React Beam Background Components
• Tailwind CSS Beam Background Components
• Animated Backdrop Components
• Animated Shader Background Components
• Animated Pattern Background Components
• Animated Orb Components
• Animated Grid Background Components
• Animated Wave Background Components
• Animated Noise Background Components
• Animated Spotlight Background Components