shadcn index

Hole Background Demo

PreviousNext

Demo showing a hole background.

Docs
animate-uiui

Preview

Loading preview…
registry/demo/components/backgrounds/hole/index.tsx
import { HoleBackground } from '@/components/animate-ui/components/backgrounds/hole';

export const HoleBackgroundDemo = () => {
  return (
    <HoleBackground className="absolute inset-0 flex items-center justify-center rounded-xl" />
  );
};

Installation

npx shadcn@latest add @animate-ui/demo-components-backgrounds-hole

Usage

import { DemoComponentsBackgroundsHole } from "@/components/ui/demo-components-backgrounds-hole"
<DemoComponentsBackgroundsHole />