React Background & Effect Components
Aurora gradients, animated grids, dot patterns, shooting stars, sparkles, and 3D background effects to make landing pages pop. Each one is GPU-friendly and theme-aware.
All Backgrounds & Effects (33)
- AceternityAurora Background
A aurora-background component from Aceternity UI.
Preview - AceternityBackground Beams
A background-beams component from Aceternity UI.
Preview - AceternityBackground Beams With Collision
A background-beams-with-collision component from Aceternity UI.
Preview - AceternityBackground Boxes
A background-boxes component from Aceternity UI.
Preview - AceternityBackground Gradient
A background-gradient component from Aceternity UI.
Preview - AceternityBackground Gradient Animation
A background-gradient-animation component from Aceternity UI.
Preview - AceternityBackground Lines
A background-lines component from Aceternity UI.
Preview - AceternityBackground Ripple Effect
A background-ripple-effect component from Aceternity UI.
Preview - AceternityDotted Glow Background
A dotted-glow-background component from Aceternity UI.
Preview - AceternityMeteors
A meteors component from Aceternity UI.
Preview - AceternityNoise Background
A noise-background component from Aceternity UI.
Preview - AceternitySparkles
A sparkles component from Aceternity UI.
Preview - AceternityStars Background
A stars-background component from Aceternity UI.
Preview - AceternityWavy Background
A wavy-background component from Aceternity UI.
Preview - AnimateuiBackgrounds Bubble
An interactive background featuring smoothly animated gradient bubbles, creating a playful, dynamic, and visually engaging backdrop.
Preview - AnimateuiBackgrounds Fireworks
A background component that displays a fireworks animation.
Preview - AnimateuiBackgrounds Gradient
A background component featuring a subtle yet engaging animated gradient effect, smoothly transitioning colors to enhance visual depth.
Preview - AnimateuiBackgrounds Gravity Stars
A background component featuring a subtle yet engaging animated gravity stars effect.
Preview - AnimateuiBackgrounds Hexagon
A background component featuring an interactive hexagon grid.
Preview - AnimateuiBackgrounds Hole
A background component featuring an animated hole grid.
Preview - AnimateuiBackgrounds Stars
An interactive background featuring animated dots of varying sizes and speeds, simulating a dynamic and immersive starry space effect.
Preview - BadtzuiHyperspace Background
A hyperspace-background component from Badtz UI.
Preview - BadtzuiParticles
A particles component from Badtz UI.
Preview - Magic UiAnimated Grid Pattern
A animated background grid pattern made with SVGs, fully customizable using Tailwind CSS.
Preview - Magic UiAurora Text
A beautiful aurora text effect
Preview - Magic UiDot Pattern
A background dot pattern made with SVGs, fully customizable using Tailwind CSS.
Preview - Magic UiGrid Pattern
A background grid pattern made with SVGs, fully customizable using Tailwind CSS.
Preview - Magic UiInteractive Grid Pattern
A interactive background grid pattern made with SVGs, fully customizable using Tailwind CSS.
Preview - Magic UiMeteors
A meteor shower effect.
Preview - Magic UiParticles
Particles are a fun way to add some visual flair to your website. They can be used to create a sense of depth, movement, and interactivity.
Preview - Magic UiSparkles Text
A dynamic text that generates continuous sparkles with smooth transitions, perfect for highlighting text with animated stars.
Preview - Magic UiWarp Background
A card with a time warping background effect.
Preview - Motion PrimitivesAnimated Background
A animated-background component from Motion Primitives.
Preview
Backgrounds & Effects by library
Browse more component categories
Browse all components
Filter the full Uibrary catalog by tag, library, or framework.
View all components