Valentine Envelope Package

This package provides a customizable envelope component that reveals a flower animation when clicked. Perfect for Valentine's Day or any romantic occasion!

Installation

To install the package, use npm:

npm install valentine-envelope-package

Usage

Import the Envelope component into your React application:

import React from 'react';
import { Envelope } from 'valentine-envelope-package';

const App = () => {
  return (
    <div>
      <Envelope name="Your Name" />
    </div>
  );
};

export default App;

Props

The Envelope component accepts the following props:

• name (string): The name to display on the envelope.

Animation

The envelope features a custom animation that opens to reveal a flower. The animation is defined in the accompanying CSS file and is triggered on click.

Development

To contribute to this package, clone the repository and install the dependencies:

npm install

You can run the development server with:

npm start

License

This project is licensed under the MIT License. Feel free to use and modify it as you wish!