Animated Orb Components

Dev Design Library indexes 58 Animated orb components from 17 open-source UI libraries, with the most coming from ShaderCN, Rewamp UI, Pixel Perfect, Nexvyn UI and Cursify. 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 orb components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. Orb components belong to the Backgrounds group.

• OrbReact Bits · ReactFloating energy orb with customizable hover effect.
• Ai Blob WarpCult UI · ReactCircular avatar with Paper Design Warp shader; motion-safe pulse, pauses off-screen and when reduced motion is preferred
• L
  Liquid GooeyLibraries.dev · ReactLiquid UI effects for React: Morph (gooey merge, jelly shape change, contact dissolve), Move (liquid-rubber trails)…
• Black White BlobsCursify · React
• Voice OrbbeUI · ReactA liquid sphere that moves with your voice.
• Fluid OrbRare UI · ReactAn animated WebGL orb with drifting fluid shading. Supports size and color props.
• OrbUser Interface Wiki · React
• Thinking OrbPanel UI · React NativeDotted orb saying which kind of busy an agent is.
• Button 17 - Blob FillShadcn Space · ReactCircle blob expands from bottom center on hover to fill the button
• Blob SpherePixel Perfect · ReactA sphere displaced by 3D noise in the vertex shader — drag to spin.
• Breathing OrbKinetics · HTML/CSSA glowing orb scales and softens on an endless breath — pure CSS
• Fluid OrbNexvyn UI · ReactA WebGL fluid orb in muted/neutral design tokens with sphere normals, fBm noise, and audio-reactive pulse.
• Fluid Morph OrbRewamp UI · ReactAnimated orb that continuously changes shape like a fluid, shader based.
• ORB-01ShaderCN · Reactcut-glass orb with a dispersive, turbulent interior
• Live Orb23rd.dev · ReactAn evenly lit sphere with two capsule eyes that follow the pointer: white, black, webgl, and custom variants.
• OrbHalaska UI · React
• AI OrbSkecher UI · ReactAn interactive Three.js orb for AI assistants, voice interfaces, and ambient status surfaces.
• Blob CursorCursify · React
• Smiley Orb AnimationPixel Perfect · ReactSmiley Orb Animation component.
• Glow OrbNexvyn UI · ReactA WebGL fbm-noise glow orb with state-driven colors, volume-responsive scale and glow, idle and connecting pulse…
• Marbled Fluid OrbRewamp UI · ReactAnimated orb with swirling marbled colours, shader based.
• ORB-02ShaderCN · Reactornate scrollwork on a rolling dome
• Twisted BlobPixel Perfect · ReactA vertex-twisted sphere with domain-warped noise — drag to spin.
• Particle Morph OrbRewamp UI · ReactOrb made of particles that rearrange into different shapes.
• ORB-03ShaderCN · Reacta turbulent belt of light girdling the ball, contoured in rainbow
• Ambient Glow OrbsRewamp UI · React
• ORB-04ShaderCN · Reacta hollow shell of light, faceted by a voxel lattice
• Particle Dot OrbRewamp UI · React
• ORB-05ShaderCN · Reactrainbow rings travelling through a lattice of lenses
• Wireframe Ring OrbRewamp UI · React
• ORB-06ShaderCN · Reacta hundred glowing lattices stacked through the ball, interfering
• ORB-07ShaderCN · Reacta twist wave travelling out through the ball around a lit column
• ORB-08ShaderCN · Reactmother-of-pearl contour bands, each layer its own hue
• ORB-09ShaderCN · Reacttorn rings of rainbow light worn as the ball's latitudes
• ORB-10ShaderCN · Reacta lattice of light knitted into the ball's own skin
• ORB-11ShaderCN · Reactquantum orbital, rainbow chroma
• ORB-12ShaderCN · Reacta ball of glossy toy bricks, studs up — it rebuilds itself while it thinks
• ORB-13ShaderCN · Reactplasma globe: crawling lightning filaments
• ORB-14ShaderCN · Reacta lit plasma dome quantized to chunky two-tone pixels
• ORB-15ShaderCN · Reactan iridescent particle-track web worn as the ball's skin
• ORB-16ShaderCN · Reactsunlight through water — a caustic net crawling over the ball, fringing into colour where it moves
• ORB-17ShaderCN · Reacta grainy many-coloured storm with band shear and lightning
• ORB-18ShaderCN · Reacta crystal folded out of one eighth of space, tumbling
• ORB-19ShaderCN · Reactbeads swelling and shrinking in their cells, packed over the ball
• ORB-20ShaderCN · Reacta water film rushing down the ball, fountain-style
• ORB-21ShaderCN · Reactlight diffusing through a cloud
• ORB-22ShaderCN · Reactfield lines swirling around the ball about a wandering axis
• ORB-23ShaderCN · Reactan ASCII glyph matrix in CRT green, wrapped on the ball
• ORB-24ShaderCN · Reacta Minecraft Earth — a perfect voxel sphere whose seasons cycle it through lush, cherry-grove, ice, mesa and desert…
• ORB-25ShaderCN · Reactthe folds of a warped field, drawn by their own steepness
• ORB-26ShaderCN · Reacta crazed web of coloured threads knotted to a cell grid
• ORB-27ShaderCN · Reacta weather-radar mosaic, fronts of coloured pixels sweeping the ball
• ORB-28ShaderCN · Reactnested binary grids shuttering on a tumbling bit-sphere
• ORB-29ShaderCN · Reactan LED tile wall lighting up in flowing blobs, wrapped on the ball
• ORB-30ShaderCN · Reacta meadow folding into itself toward a blue vanishing point
• ORB-31ShaderCN · Reactraymarched shell, volumetric godrays
• ORB-32ShaderCN · Reacta galaxy marched as gas and dust inside the ball
• ORB-33ShaderCN · Reacta thermal image, risograph-printed on the ball

Libraries with Animated orb components

• ShaderCN
• Rewamp UI
• Pixel Perfect
• Nexvyn UI
• Cursify

Related categories

• Orb Components
• React Orb Components
• Tailwind CSS Orb Components
• Animated Backdrop Components
• Animated Shader Background Components
• Animated Pattern Background Components
• Animated Grid Background Components
• Animated Wave Background Components
• Animated Beam Background Components
• Animated Noise Background Components
• Animated Spotlight Background Components