AnimateIt

Welcome to AnimateIt! This project demonstrates how to animate HTML elements using Svelte actions.

Table of Contents

• Introduction
• Features
• Installation
• Usage
• Contributing
• License

Introduction

AnimateIt is a Svelte-based project that showcases various animated states of HTML elements. The animations are triggered by different events such as hover and click.

Features

• Animate HTML elements on hover, click, focus and blur events plus error an disabled states.
• Customizable animations with different types and durations.
• Easy to integrate and extend.

Installation

To get started with AnimateIt, follow these steps:

1. Clone the repository:

   git clone https://github.com/pigraphic/AnimateIt

2. Navigate to the project directory:

   cd animateit

3. Install the dependencies:

   pnpm install

Usage

To run the project locally, use the following command:

pnpm run dev

Contributing

Contributions are welcome! Please open an issue or submit a pull request if you have any improvements or bug fixes.

License

This project is licensed under the MIT License. See the LICENSE file for details. \n