Background Pattern 37 - Cursor contour ringsPro
Minimal portfolio intro where concentric contour rings radiate from the pointer and follow it across the section.
About Background Pattern 37
Minimal portfolio intro where concentric contour rings radiate from the pointer and follow it across the section.
Background Pattern 37 is a background pattern block for React and Tailwind CSS, included in Chocolate UI Pro with motion animations that respect reduced-motion settings. It ships as 81 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.
- rings
- cursor
- interactive
- portfolio
Installation
- Set up your project with
npx chocolateui initandnpx chocolateui login(see the installation guide). - Run the Chocolate UI CLI:
npx chocolateui add background-pattern-37Dependencies installed automatically: lucide-react, motion.
Uses: reveal, utils.
Usage
import BackgroundPattern37 from "@/components/blocks/background-pattern-37"
export default function Page() {
return <BackgroundPattern37 />
}