Hand Written SVG

Hand-written SVG animation effect.

Hand Written

Optional subtitle

Motion

Installation

npm install motion

Usage

import HandWrittenTitle from "@/components/xui/hand-written-title";

export function MyComponent() {
  return (
    <div className="flex items-center justify-center min-h-[200px]">
      <HandWrittenTitle />
    </div>
  );
}

Props

This component has no configurable props.

Dependencies

This component requires the following packages:

motion (framer-motion)

Smooth Faq

Few different FAQ components ready to use.

Shapes Hero

Landing Hero with shapes