Animated Glow Effect Components

Dev Design Library indexes 24 Animated glow effect components from 14 open-source UI libraries, with the most coming from React Bits, Magic UI, Animations (Svelte), Kinetics and Vengeance 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 glow effect components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. 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…
• 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
• 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).
• Radial Glow ButtonVengeance UI · ReactButton with animated radial gradient hover
• 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 Animated glow effect components

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

Related categories

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