Gradient Orbs

Soft blurred orbs drifting behind content, coloured entirely from your theme tokens.

Remix

0

Bookmarks

0

Installs

0

Views

13 lines
import { GradientOrbs } from "@/components/ui/gradient-orbs"

export default function DemoGradientOrbs() {
  return (
    <div className="relative flex min-h-[320px] w-full items-center justify-center overflow-hidden bg-background">
      <GradientOrbs />

7 more lines behind a plan

Previews are free to watch. Reading and copying the full source needs a plan.

See plans
Checks
ThemeableReduced motionFocus visible
Dependencies
None — plain React + Tailwind
License
MIT License
Published
9/11/2026

Similar components

That's all 6 components

Explore more

Part of Lumen UI — browse the full library on Nuxus.