Shapes Hero

Landing Hero with shapes

Live Preview
Open in
X UI

Elevate Your
Digital Vision

Crafting exceptional digital experiences through innovative design and cutting-edge technology.

Motion
lucide-react

Installation

npm install motion lucide-react

Usage

import HeroGeometric from "@/components/xui/hero-geometric";

export function MyComponent() {
  return (
    <div className="relative min-h-screen">
      <HeroGeometric />
    </div>
  );
}

Props

This component has no configurable props.

Dependencies

This component requires the following packages:

  • motion (framer-motion)
  • lucide-react