Code Input Animator is a simple web application that animates the typing of code snippets. It is built with React using Vite.
Set up your code in the top box how you want the recording to start. You'll see your changes mirrored in the bottom box as you start.
Click the record button to start recording. You can pause and resume the recording as needed. When you're done editing your code, click the stop button.
You can then play back the recording by clicking the play button. You can also pause and resume the playback as needed. You'll use a screen recorder to capture the playback, so try to get as close to the green edges as possible, or be ready to do that in post.
To get a local copy up and running follow these simple steps.
You will need Node.js and npm installed on your machine.
- Fork and clone the repo
- Install dependencies
npm install
- Start the development server
npm run dev
- Open your browser and navigate to
http://localhost:3000
If you would like to contribute, please fork the repository and submit a pull request. If you find a bug, please open an issue.
This project is licensed under the MIT License - see the LICENSE.md file for details.