Excalidraw Animator

Excalidraw Animator is a powerful tool that brings your Excalidraw diagrams to life with animations. Create, edit, and animate your Excalidraw designs with ease.

Features

• Import existing Excalidraw files
• Create new diagrams from scratch
• Add animations to individual elements
• Customize animation properties (duration, delay, easing)
• Preview animations in real-time
• Export animated Excalidraw files

Demo

View Live Demo

Installation

To run Excalidraw Animator locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/Corey-T1000/excalidraw-animator.git
   

2. Navigate to the project directory:

   cd excalidraw-animator
   

3. Install dependencies:

   npm install
   

4. Start the development server:

   npm start
   

5. Open http://localhost:3000 in your browser.

Usage

1. Start Screen: Choose to upload an existing Excalidraw file or create a new diagram.
2. Editor: Use the Excalidraw interface to create or edit your diagram.
3. Animation Panel: Select elements and add animations using the right sidebar.
4. Timeline: Use the global timeline at the bottom to manage animation sequences.
5. Preview: Click the "Animate" button to preview your animations.
6. Export: Use the download button to export your animated Excalidraw file.

Deployment

This project is set up for easy deployment with Vercel. To deploy:

1. Push your changes to GitHub.
2. Connect your GitHub repository to Vercel.
3. Vercel will automatically deploy your application.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

• Excalidraw for the amazing drawing library
• Framer Motion for powering our animations

Contact

Corey Thomas - [Your Email]

Project Link: https://github.com/Corey-T1000/excalidraw-animator