signature-animation v1.2.1

Signature Animation

A React component for animating handwriting. It leverages SVG paths to create smooth stroke animations, making it ideal for signature effects, handwritten-style logos, and creative UI designs.

Features

• Animate handwritten signatures or letters using SVG.
• Lightweight and easy to integrate into any React project.

Installation

npm install signature-animation

or using yarn:

yarn add signature-animation

Usage

import React from "react";
import SignatureAnimation from "signature-animation";

function App() {
  return (
    <div>
      <h1>Signature Animation Demo</h1>
      <SignatureAnimation duration={1} delay={0.3}>
        Make AY the sun shine
      </SignatureAnimation>
    </div>
  );
}

export default App;

Props

git clone  https://github.com/Ayo-Osota/signature-animation.git
cd signature-animation
npm install
npm run build

License

This project is licensed under the MIT License.

Acknowledgement

This code was inspired by a project on CodePen.