Hexagon Pattern

A background hexagon pattern made with SVGs, fully customizable using Tailwind CSS.

MMagic UI·byMUMagic UIPro

1,245

Bookmarks

9,445

Installs

22,045

Views

28 lines

"use client"

import { cn } from "@/lib/utils"
import { HexagonPattern } from "@/components/ui/hexagon-pattern"

export default function HexagonPatternDemo() {
  return (
    <div className="bg-background relative flex h-[500px] w-full flex-col items-center justify-center overflow-hidden rounded-lg border">
      <HexagonPattern