Shapes Hero

Landing Hero with shapes

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

Hand Written SVG

Hand-written SVG animation effect.

Particle Button

Particle Button Animation on click.