Dev Design LibraryOpen the library

Particle Background Components

Dev Design Library indexes 39 particle background components from 18 open-source UI libraries, with the most coming from Rewamp UI, React Bits, Aceternity UI, Velora 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. Particle background components belong to the Backgrounds group.

AntigravityReact Bits · React3D antigravity particle field that repels from the cursor with smooth motion.
Floating 3D ParticlesMagic UI · ReactA canvas-based pseudo-3D particle field with perspective projection, continuous rotation and buoyant drift.
Particle ObjectCanvas UI · ReactModels rebuilt as swirling particle clouds.
WindKokonut UI · ReactStreamlines that part around the cursor, swirl in its wake and scatter on click, built with React and Canvas.
Dot ParticlesCursify · React
Floating Particle FooterSpectrum UI · Reactcomponent for the Floating Particle Footer
Interactive ParticlesVengeance UI · ReactImage-sampled particles that scatter around the cursor
Image ParticlesPixel Perfect · ReactThe image is shattered into a drifting grid of particles — move your cursor to disturb them.
Cherry Petal BackgroundOpenSourceUI · React
Matrix RainComponentry · ReactClassic Matrix digital rain effect.
MeteorsAnimations (Svelte) · SvelteA meteor shower effect component with customizable number of meteors and animated falling effects.
Hyperspace BackgroundBadtz UI · ReactA dynamic and customizable background component that simulates a star-filled hyperspace effect.
Particle Morph OrbRewamp UI · ReactOrb made of particles that rearrange into different shapes.
Radiant Lines23rd.dev · ReactA hyperspace starfield background: colored streaks radiate from the center, with warp speed driven by scroll velocity.
Particlessv-efferd · SvelteBackground of floating particles.
Vortex CTA bandVelora UI · ReactDark rounded call-to-action band over a brand-tinted particle vortex, with two actions and fine print.
Cosmic BackgroundReactFrame · ReactA canvas-powered animated night-sky background, rotating star rings, a drifting star field, a breathing cone light and…
Shooting StarsAceternity UI · React
GalaxyReact Bits · ReactParallax realistic starfield with pointer interactions.
MeteorsMagic UI · ReactA meteor shower effect.
Inertia ParticlesPixel Perfect · ReactMove your cursor to shove the particles aside — a damped spring snaps them back.
Cursor Driven Particle TypographyComponentry · React
ParticlesBadtz UI · ReactA versatile and performant component for creating engaging, animated content displays with smooth infinite scrolling…
Cosmic DustRewamp UI · React
ParticlesVelora UI · ReactDrifting, twinkling particle field on a lightweight canvas.
SparklesAceternity UI · React
LightfallReact Bits · ReactColorful light streaks raining down a glowing tunnel with a cursor light.
ParticlesMagic UI · ReactParticles are a fun way to add some visual flair to your website. They can be used to create a sense of depth…
Hyperspeed WarpRewamp UI · React
Shooting StarsVelora UI · ReactA twinkling star field with brand-tinted streaks shooting across at random.
Stars BackgroundAceternity UI · React
ParticlesReact Bits · ReactWebGL background of floating particles that can drift with the pointer.
Particle Dot OrbRewamp UI · React
VortexVelora UI · ReactBrand-tinted particles spiralling into the centre, leaving soft fading trails.
VortexAceternity UI · React
Pixel SnowReact Bits · ReactFalling pixelated snow effect with customizable density and speed.
Particle WaveRewamp UI · React
Pixel Snow BackgroundRewamp UI · React
Plexus EngineRewamp UI · React

Libraries with particle background components

Related categories