Components
Loading preview...
A Hero component where background cells once clicked, create a ripple effect
@aceternity
npx shadcn@latest add https://21st.dev/r/aceternity/background-ripple-effect"use client";
import { BackgroundCells } from "@/components/blocks/background-ripple-effect";
export const BackgroundCellsDemo = () => {
return (
<BackgroundCells className="bg-slate-950">
<h1 className="md:text-2xl lg:text-7xl font-medium text-center bg-clip-text text-transparent bg-gradient-to-b from-neutral-100 to-neutral-400 pointer-events-none">
Background cell animation <br />
with framer motion
</h1>
</BackgroundCells>
);
};