Tailwind CSS Orb Components

Dev Design Library indexes 22 Tailwind CSS orb components from 13 open-source UI libraries, with the most coming from Rewamp UI, Pixel Perfect, Nexvyn UI, Cursify and Cult UI. 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. Orb components belong to the Backgrounds group.

• 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)…
• PersonaAI Elements · ReactAn animated AI visual component powered by Rive that responds to different states like listening, thinking, and…
• 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.
• 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.
• 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.
• Live Orb23rd.dev · ReactAn evenly lit sphere with two capsule eyes that follow the pointer: white, black, webgl, and custom variants.
• 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.
• 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.
• Ambient Glow OrbsRewamp UI · React
• Particle Dot OrbRewamp UI · React
• Wireframe Ring OrbRewamp UI · React

Libraries with Tailwind CSS orb components

• Rewamp UI
• Pixel Perfect
• Nexvyn UI
• Cursify
• Cult UI

Related categories

• Orb Components
• React Orb Components
• Animated Orb Components
• Tailwind CSS Backdrop Components
• Tailwind CSS Pattern Background Components
• Tailwind CSS Shader Background Components
• Tailwind CSS Gradient Background Components
• Tailwind CSS Particle Background Components
• Tailwind CSS Grid Background 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