Glow Effect Components

Dev Design Library indexes 28 glow effect components from 16 open-source UI libraries, with the most coming from React Bits, Magic UI, Animations (Svelte), Spectrum UI and Kinetics. Each one links to its page with the source code, a live preview where available, the library license and the install command. Glow effect components belong to the Effects group.

• Border GlowReact Bits · ReactGlowing mesh-gradient border that follows cursor direction and intensifies near edges.
• BacklightMagic UI · ReactA backlight glow effect for videos, images, and SVGs.
• V
  Voice GlowLibraries.dev · ReactSound-reactive glow for React — a centered, colorful beam along the bottom edge that rises and blooms with voice…
• Awesome Bottom Gradient ButtonLobe UI · React
• Neural GlowCursify · React
• Metal ButtonSpectrum UI · ReactA pill button framed by a real-time WebGL liquid-metal ring, in chromatic, silver and gold presets.
• Glow Border CardVengeance UI · ReactCard with animated glow border
• BeamLaunch UI · React
• Shine Border 05 - Aurora GlowShadcn Space · ReactAn aurora glow shine border with a hue-rotating gradient ring and pulsing halo wrapping a simple centered card.
• Glow Card AnimationPixel Perfect · ReactGlow Card Animation component.
• Anamorphic FlareKinetics · HTML/CSSA point source rakes the frame and blooms horizontal streaks
• Glare HoverAnimations (Svelte) · SvelteA glare hover effect that adds a subtle shine to elements when hovered.
• Portal FieldCojeev UI · ReactAn organically warped luminous halo with a soft chromatic fringe behind real content.
• Icon feature gridVelora UI · ReactHeading and six icon feature cards in a three-column grid, each border lit by a cursor-following glow.
• Glow CardReactFrame · ReactA card with an animated rotating conic-gradient glow border, customizable colors, text position, and an optional…
• Glowing EffectAceternity UI · React
• Electric BorderReact Bits · ReactJittery electric energy border with animated arcs, glow and adjustable intensity.
• Glare HoverMagic UI · ReactA diagonal glare on hover using a ::before gradient and CSS variables (angle, size, duration, color).
• Serif TiersSpectrum UI · ReactCream serif cards with a black featured card lit by a crimson glow.
• Radial Glow ButtonVengeance UI · ReactButton with animated radial gradient hover
• GlowLaunch UI · React
• Neon Glow PulseKinetics · HTML/CSSText and outline breathe a soft neon halo — pure CSS
• Neon Gradient CardAnimations (Svelte) · SvelteA card component with animated neon gradient borders and customizable colors, border size, and radius.
• Glowing EffectVelora UI · ReactBorder glow that follows the pointer around a card's edge as it comes near.
• Star BorderReact Bits · ReactAnimated star / sparkle border orbiting content with twinkle pulses.
• Neon Gradient CardMagic UI · ReactA beautiful neon card effect
• B
  BacklightAnimations (Svelte) · SvelteAn SVG filter wrapper that adds a soft, saturated backlight glow around the content it wraps.
• Electric LogoReact Bits · React

Libraries with glow effect components

• React Bits
• Magic UI
• Animations (Svelte)
• Spectrum UI
• Kinetics

Related categories

• React Glow Effect Components
• Tailwind CSS Glow Effect Components
• Animated Glow Effect Components
• Effect Components
• Image Effect Components
• Transition Components
• Marquee Components
• Cursor Effect Components
• Mask Effect Components
• Reveal Wrapper Components
• Border Effect Components
• Spotlight Effect Components
• Tilt Effect Components
• Blur Overlay Components
• Ripple Components
• Confetti Components