Tailwind CSS Particle Background Components

Dev Design Library indexes 33 Tailwind CSS particle background components from 16 open-source UI libraries, with the most coming from Rewamp UI, Aceternity UI, Velora UI, Magic UI and Componentry. 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. Particle background components belong to the Backgrounds group.

• Floating 3D ParticlesMagic UI · ReactA canvas-based pseudo-3D particle field with perspective projection, continuous rotation and buoyant drift.
• 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
• 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
• 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
• Particle Dot OrbRewamp UI · React
• VortexVelora UI · ReactBrand-tinted particles spiralling into the centre, leaving soft fading trails.
• VortexAceternity UI · React
• Particle WaveRewamp UI · React
• Pixel Snow BackgroundRewamp UI · React
• Plexus EngineRewamp UI · React

Libraries with Tailwind CSS particle background components

• Rewamp UI
• Aceternity UI
• Velora UI
• Magic UI
• Componentry

Related categories

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