Beam Background Components

Dev Design Library indexes 20 beam background components from 9 open-source UI libraries, with the most coming from Aceternity UI, React Bits, Vengeance UI, Velora UI and Kokonut UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. 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
• BeamLaunch UI · React
• Light RaysAnimations (Svelte) · SvelteA component that creates animated light rays with customizable count, color, blur, speed, and length.
• Background BeamsVelora UI · ReactLight beams flowing along curved paths behind content.
• Background BeamsAceternity UI · React
• Laser FlowReact Bits · ReactDynamic laser light that flows onto a surface, customizable effect.
• Light LinesVengeance UI · ReactAnimated flowing line background
• Light RaysVelora UI · ReactGod rays fanning down from the top of a section.
• 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 beam background components

• Aceternity UI
• React Bits
• Vengeance UI
• Velora UI
• Kokonut UI

Related categories

• React Beam Background Components
• Tailwind CSS Beam Background Components
• Animated Beam Background Components
• Backdrop Components
• Shader Background Components
• Pattern Background Components
• Gradient Background Components
• Orb Components
• Grid Background Components
• Particle Background Components
• Mesh Gradient Components
• Noise Background Components
• Wave Background Components
• Aurora Background Components
• Spotlight Background Components
• 3D Background Components
• Meteors Components