Background Circles

Title with Background Grid and Animated Circle

Live Preview
Open in

Background Circles

Optional Description·X UI

Motion

Installation

npm install motion

Usage

import DemoCircles from "@/components/xui/background-circles";

export function MyComponent() {
  return (
    <div className="relative min-h-screen">
      <DemoCircles />
    </div>
  );
}

Props

This component has no configurable props.

Dependencies

This component requires the following packages:

  • motion (framer-motion)