Tailwind CSS Beam Background Components

Dev Design Library indexes 15 Tailwind CSS beam background components from 8 open-source UI libraries, with the most coming from Aceternity UI, Vengeance UI, Velora 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. Every library in this list styles its components with Tailwind CSS utility classes. Beam background components belong to the Backgrounds group.

• 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
• 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
• CoverAceternity UI · React
• Moving LineAceternity UI · React
• SpotlightAceternity UI · React
• Spotlight NewAceternity UI · React

Libraries with Tailwind CSS beam background components

• Aceternity UI
• Vengeance UI
• Velora UI
• Kokonut UI
• Magic UI

Related categories

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