shadcn index

Hexagon Background Demo

PreviousNext

Demo showing a hexagon background.

Docs
animate-uiui

Preview

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

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

Installation

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

Usage

import { DemoComponentsBackgroundsHexagon } from "@/components/ui/demo-components-backgrounds-hexagon"
<DemoComponentsBackgroundsHexagon />