Infinite Grid With Framer Motion
Interactive infinite grid with subtle motion and layered depth. Move your cursor to reveal the active layer while the pattern scrolls endlessly in the background.
GridReactFramer Motion
CSSshadcn
Manual
Create a file and paste the following code into it.
src/index-demo.tsx
1
2
3
4
5
import DemoOne from "@/components/ui/infinite-grid-integration";
export default function Demo() {
return <DemoOne />;
}Update the import paths to match your project setup.